前端全栈学习第三章

1.1 HTML 文件的基本结构

由最前面的文档声明标签  及一个  内包含一个文档头标签  和一个文档主体标签  组成

                            

1.2 重要的标签

1、  文档类型声明，确保浏览器按照最佳的相关规范进行渲染 2、头部标签，规定文档相关的配置信息（元数据）包括文档的标题，引用的文档样式和脚本等 3、           Anker    在  元素内设置  元素内有链接 Anker 此时点击该链接，会在新窗口中打开 https://example.com/#anchor 网页地址

6.1 img 图片标签

1、用于定义一张图片，属于单标签结果，它有两个属性，src 代表图片的地址，alt 属性代表当图片无法显示时的替代文本 2、图片地址可以使用相对或绝对路径 3、alt 属性不要省略，目的是为了更好的兼容无图浏览器 4、可设置 height 和 width 属性来设置图片的宽度和高度

示例

7.1 无序列表 (Unordered List)

1、使用 

 标签定义无序列表，
•  标签定义列表项无序列表的含义是列表项内容没有前后顺序 2、ul 标签上可使用 type 属性定义图形符号的样式 属性值为 disc 时，显示为点 属性值为 square 时，显示为方块 属性值为 circle 时，显示为圆

  效果如下：

• 列表项1
• 列表项2
• 列表项3

○  列表项1

○  列表项2

○  列表项3

7.2 有序列表 (Ordered List)

1、使用 

 标签定义有序列表，
1.  标签定义列表项有序列表的每一项有顺序含义 2、有序列表的前缀通常为数字或者字母 3、ol 标签上可使用 type 属性定义编号的类型   a 表示小写英文字母编号   A 表示大写英文字母编号   i 表示小写罗马数字编号   I 表示大写罗马数字编号   1 表示数字编号（默认） 4、ul 标签上可使用 start 属性定义列表编号的起始值, 是一个整数值属性

   效果如下：

     

2. 列表项1
  
3. 列表项2
  
4. 列表项3

d. 列表项1

e. 列表项2

f. 列表项3

7.3 自定义列表 (Definition List)

1、使用 

 标签定义自定义列表，内部可有多个列表项 2、每个列表项用 

 定义标题 3、用 

 定义列表项

效果如下：

  

上海市

  

普陀区

  

浦东新区

  

静安区

上海市

普陀区

浦东新区

静安区

MDN HTML（超文本标记语言）

W3C HTML 系列教程

web前端

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。