一、html语法和规范
1、所有的html都是以htm或者html结尾，建议使用html；
2、整个html页面由<head></head>头和<body></body>体组成；
3、html标签一般是有开始标签和结束标签来表示如<head></head>，但是也有特殊的，如换行标签</br>；
4、html标签字母的大小写不敏感（不区分大小写），但是为了规范还是建议使用小写。
二、html常用标签学习；
1、标题标签（头部），<title></title>标签，title标签也是头部标签，但是跟体部的h1标签不是一回事，等会实例说明。
2、标题标签（体），<h1></h1>，前面说过，这个是标题标签可以从1到6，每一级标签独占一行，且默认有字体大小的显示。
3、水平线标签</hr>，在html中添加一条横线。
4、段落标签<p></p>，将段落文字插入html中。
5、换行标签</br>，实现换行。
6、字体标签<font></font>，中间可以添加文字。
7、加粗标签<b></b>，对内容加粗。
三、html块级元素和行内元素
Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。
- 块状元素
块状元素代表性的就是div，其他如p、nav、 aside、 header. footer、 section、 article、 ul
li、 address等等， 都可以用div来实现。不过为了可以方便程序员解读代码，一般都会使用特定的语义化标签，使得代码可读性强，且便于查错。块状元素特征:
(1)能够识别宽高
(2)margin和padding的上下左右均对其有效
(3)可以自动换行(4)多个块状元素标签写在一起，默认排列方式为从上至下
- 行内元素
行内元素最常使用的就是span,其他的只在特定功能下使用，修饰字体<b>和<i>标签，还有<sub>和<sup>这两个标签可以直接做出平方的效果，而不需要类似移动属性的帮助，很实用。
行内元素特征: (1)设置宽高无效
(2)对margin仅设置左右方向有效，上下无效; padding设置 上下左右都有效，即会撑大空间
(3)不会自动进行换行
四、实体元素
HTML实体
在HTML中，某些字符是预留的。
在HTML中不能使用小于号(<) 和大于号(>)，这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在HTML源代码中使用字符实体(character entities)。
五、列表
HTML支持无序、有序和自定义列表
1.无序列表：
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于 <ul> 标签。每个列表项始于 <li>。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>2.有序列表
同样，有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>3.自定义列表
自定义列表不仅仅是一列项目，而是项目及其注释的组合。
自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
1402
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
