-baijiahao,一、HTML简介和基本结构、标签和表单

-baijiahao

表示一块内容，div标签可以把文档分割为独立的 、不同的部分。

格式： div 这是一个分块 /div

标签

行内块元素 ，表示行中小段内容
，没有具体的语义 。

格式： span 我在span标签里 /span

9.含样式和语义的行内标签

i : 行内元素，字体斜体

em :行内元素 ，语义为强调内容，表示非常重要(倾斜效果）

b :行内元素
，字体加粗

stong :行内元素，语义为强调内容 ，表示非常重要(效果加粗）

10.图片标签

img标签：向网页中嵌入一幅图像

img标签有两个必须的属性：src属性
、alt属性

格式： img src="F:\桌面\桌面壁纸\愿望瓶" alt='许愿瓶'

alt:规定图像的代替文本（必须） src:规定图像的URL（必须） heigth:规定图像的高度 width:规定图像的宽度

11.链接音乐文件

格式： audio src="" controls="controls" /audio

12.链接视频

格式： video src="F:\视频\其他\VID_20200524_" width="500px" height="400px" controls="controls" /video

13.超链接标签

作用：用于从一张页面链接到另一张页面

最重要的元素属性是href属性
，它指示链接的目标

格式： a href="http://" 点击链接跳转到百度 /a

标签

放在头部，链接到一个外部样式 ，即链接外部的CSS文件

15.列表

有序列表：在网页上定义一个有编号的内容列表可以用 ol / li 配合使用

 ol 
 li 列表文字11 /li 
 li 列表文字22 /li 
 li 列表文字33 /li 
 /ol 

再网页上生成列表
，每条项目上会按1、2 、3编号（实际开发中比较少用）

无序列表：在网页上定义一个有编号的内容列表可以用 ul li 配合使用

 ul 
 li 列表文字11 /li 
 li 列表文字22 /li 
 li 列表文字33 /li 
 /ul 

16.表格

table标签定义html表格

简单的html表格由table元素及一个或多个tr   th  td元素组成

tr：定义表格行

th：定义表头

td：定义表格单元

标签实例代码：

 1 !DOCTYPE html 
 2 html lang="en" 
 3 head 
 4 meta charset="UTF-8" 
 5 title 测试标题标签 /title 
 6 /head 
 8 body 
 9 !--2.标题标签-- 
10 h1 这是标题 h1 /h1 
‹‹
1
2
›
››
显示全文