HTML零基础入门
#HTML零基础简介
HTML是世界通用的超文本标记语言,它无处不在。通过HTML,我们可以将文字、图片、链接等元素添加到网页中去。如今,HTML已经成为程序员必须掌握的一项技能,学习HTML知识,是所有程序员的第一步。掌握它,意味着你已经打开的编程世界的大门。
01 HTML基本结构
02 HTML规范
03 标签的组成
HTML 标签通常有 闭合性和非闭合性标签
HTML通常都是闭合性标签 <标签的开始> 内容</结束>
标签也可以有自己的属性
<标签的开始 属性名=‘属性值’> 内容</结束>
属性值一般都是使用双引号,特殊情况的单引号(一般不受影响)
根据标签是否独占一行来区分
块级标签:独自占一行,左右两边不允许出现其他标签
例如:
行级标签: 在行内显示,不需要独占一行
例如 span标签可以与其他的内容在同一行显示
有开始也有结尾,是成对出现的。从开始加上中间的标签内容到标签结束,我们成为这是一个HTML的标签元素。
04 注释和实体字符
05 文档类型
常用标签
06 常用标签1
标签 | 含义 | 说明 |
---|---|---|
br | 换行标签 | 非闭合标签 |
p | 段落标签 | 关闭标签,块级标签,前后有明显的间隔 |
h1、h2、h3、 | 标题标签 | 按照h1到h6逐渐变小,块级标签、加粗显示 |
pre | 预格式化文本标签 | 保留编码时的格式 |
div | 分区标签 | 常作用容器来使用,一般用来页面布局,块级标签 |
span | 范围标签 | 默认没有任何效果,一般用于设置行内特殊样式 |
Ol li | 有序列表 | 有序的项目列表 |
ul li | 无序列表 | 表示没有顺序的列表 |
dl dt dd | 自定义列表 | 对术语和图片进行描述的列表 |
HTML 有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于
-
标签。
每个列表项始于 <li标签。
有序列表适合各项目之间存在顺序关系的情况。
有序列表的属性
type 属性: 设置列表前的符号标记,取值,数字1 a,阿拉伯数字,
start 属性: 用于设置起始值,这个值必须是数字,用于表述 type属性的符号标记,从第几个符号开始
<ol type="a" start="3">
<li>京东</li>
<li>千度</li>
<li>腾讯</li>
<li>淘宝</li>
<li>联想</li>
<li>美团</li>
</ol>
根据type设置的默认属性,a,应该是从a符号开始排序,单身start标签设置的是 start=3,所有有序符号从C开始,
无序列表
ul li标签
属性type 设置列表前的符号标记 ,取值disc 实心圆。或circle 空心圆,square,正方形,none,不显示符号