一,基本概念
HTML(Hypertext Markup Language) 超文本标记语言,是用于描述网页文档的一种标记语言,XHTML是一种遵循更严格的XML规则的HTML新版本,这种新的XML兼容版本的HTML被称为XHTML。
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
二.大体框架
<html>
<head>
<title>该文本的标题</title>
</head>
<body>网页要显示的内容...(可以使用各种标签设置参数) </body>
</html>
使用META标记 ,提供关于网页的信息
<META charset=”UTF-8"> 设置网页使用UTF-8编码
HTML标签语法:
1、双标记:<开始标记>内容</结束标记>。例 :<font>新华网</font>、<title>...</title>
2、单标记:<标记>。 例:<hr>--加横线、<br>--换行、<b>--加宽等。
3、标记的属性:<标记 属性1=参数 属性2=参数...>内容</标记>。例:<font size="5" color="red"><b>新华新闻</b></font>。
三.标签分类
1、文档标签(10个):<html>、<head>、<body>、<title>、<meta>、<base>、<style>、<link>、<script>、<noscript>
2、框架标签(4个):<frame>、<frameset>、<iframe>、<noframes>
3、布局标签(1个):<div>
4、表格标签(8个):<table>、<thead>、<tbody>、<tfoot>、<tr>、<td>、<th><caption>
5、表单标签(10个):<from>、<input>、<textarea>、<button>、<select>、<optgroup>、<option>、<label>、<fieldset>、<legend>
6、列表标签(6个):<ul>、<ol>、<li>、<dl>、<dt>、<dd>
7、链接标签(1个):<a>
8、多媒体标签(3个):<img>、<map>、<area>
9、文章标签:<h1> - <h6> 、<p>、<br>、<span>、<pre>、<blockquote>、<q>、<ins>、<del>、<address>
11、特殊标签(3个):<!DOCTYPE>、<!-- -->、<hr>
块元素(block element)
- * div - 常用块级主要标签
- * dl - 定义列表
- * form - 交互表单
- * h1-h6 - 标题
- * hr - 水平分隔线
- * ol ,ul- 排序表单 ,非排序列表
- * p - 段落
- * pre - 格式化文本
- * table - 表格
- * blockquote - 块引用
内联元素(inline element)
- * a - 锚点
- * br - 换行
- * em - 强调
- * i - 斜体
- * img - 图片
- * input - 输入框
- * label - 表格标签
- * q - 短引用
- * select - 项目选择
- * span - 常用内联容器,定义文本内区块
- * sub - 下标
- * sup - 上标
- * textarea - 多行文本输入框
- * var - 定义变量
块元素与行元素可以通过css 中display样式进行转换(inline,block,inline-block)。