前言:HTML的英语意思:
Hypertext Marked Language
,即超文本标记语言
,是一种用来制作超文本文档的简单标记语言。超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行操作,HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。
HTML只是一个纯文本文件。创建一个HTML文档,只要两个工具,一个是HTML编辑器(如:Hbuild),一个WEB浏览器(Google 、火狐、IE、欧朋等)。HTML编辑器是用于生成和保存THML文档应用程序。
HTML的基本结构
一个HTML文档是由一系列的元素
和标签
组成。元素名不区分大小写
。HTML用标签来规定元素的属性和它在文件中的位置。
HTML超文本文档分文档头和文档体两部分,在文档头里,对这个文档进行了一些必要的定义,文档体写要显示的各种文档信息。
<html>…</html>
标识网页文件的开始与结束,所有的Html元素,都要放在这对标记中。
<head>…</head>
标识网页文件的头部信息,如标题、搜索引擎关键字等
<title>…</title>
标识网页文件的标题
<body>…</body>
标识网页文件的主体部分
<html>
<head>
<title>
标题
</title>
</head>
<body>
正文
</body>
</html>
常见的HTML的标记语法
一.单标记
1.<标记名称>
单一型,无属性值,如<br/>
——表示换行符
2.<标记名称 属性=“属性值”>
单一型,有属性值,如<hr width="80%"/>
——表示长度占80%的分隔线
二.双标记
1.<标记名称>…</标记名称>
没有属性值,如<title>....<title>
——表示标题
2.<标记名称 属性=“属性值”>…</标记名称>
有属性值,如<body bgcolor="red">....</body>
——定义网页主体背景为红色
三.标记语法
<1>字符格式<b>文本</b>
加粗 eg:<b>加粗</b>
加粗<i>文本</i>
倾斜 eg:<i>倾斜</i>
倾斜<strong>文本</strong>
加强语气 eg:<strong>加强语气</strong>
加强语气<u>文本</u>
下划线 eg:<u>下划线</u>
下划线<s>文本</s>
删除线 eg:<s>删除线</s>
删除线<sup>文本</sup>
上标 eg:x<sup>2</sup>-2x+1=0
x2-2x+1=0<sub>文本</sub>
下标 eg:x<sub>1</sub>=1
x1=1
<2>区段划分<p>文本</p>
段落 attention:
font标签自动分段<br>
断行<nobr>文本</nobr>
关闭换行<pre>文本</pre>
预保留格式<div>文本</div>
分区块 attention:
不能含有p标签<hr> 横线
补充:<hr size=?,width=?,color=?>
对横线进行设计<span>文本</span>
文本内容块
<3>常用标签<font >文本</font>
字体标签<img>
图片标签<a>文本</a>
超链接标签<dl><dt>表名</dt> <dd>表元素</dd>
自定义列表<ul> <li>文本</li> </ul>
无序表<ol> <li>文本</li> </ol>
有序表
文本 滚动标签<table> <thead><tr><td>文本</td><thead> <tbody><tr><td>文本</td><tbody> <tfoot><tr><td>文本</td><tfoot>
表格<article>文本</article>
文章<section>文本</section>
段落<header>文本</header>
首部<footer>文本</footer>
尾部<aside>文本</aside>
边框<meter>文本</meter>
进度条<progress>文本</progress>
任务进度<form>内容</form>
表单<input>
生成表单组件<select>内容</select>
下拉框<textarea>内容</textarea>
多行文本
<4>特殊字符
空格©
版权号 eg:©
©®
注册商标 eg:®
®"
引号“ eg:"
"&
& eg:&
&⁢
小于号< eg:⁢
<>
大于号> eg:>
>
总结:HTML的核心部分是各个标签的使用,同在在页面的设计过程中,HTML使用离不开CSS的部署与设计。在HTML学习过程中,牢牢记着各种标签,及其属性,灵活的应用可以帮助实现完美的网页的实现。本节的重点是书籍熟知各种标签,以及HTML的基本框架。