HTML的简单介绍~

一、HTML常见标签

1、注释标签

注释：<|-- -->                

也可以通过 ctrl+/ 来切换注释

注意：注释不能被嵌套

2、标题标签：h1-h6

h1~h6数字越小里面的内容越大越粗；数字越大里面的内容越细越小

 

3、段落标签：p

每个p标签是独占一行的，p标签之间是有段落间距的

通过lorem+tab键 就可以生成一个随机的长字符串，方便对界面进行一些调试

 

4、换行:<br>

br标签是一个“单标签” ，只有开始标签没有结束标签

HTML里面换行会被直接忽略，要想在内容中换行就需要使用<br>标签

---

HTML也会忽略空格，会把多个相邻的空格合并成一个空格，如果确实要用到多个空格就需要转义字符了

常见的转义字符:

5、 格式化标签

加粗 ：strong 标签和 b 标签 

倾斜：em 标签和 i 标签

删除线：del 标签和 s 标签

下划线：ins 标签和 u 标签

 

6、图片标签img （单标签）

里面的src属性：描述图片具体所在的位置

src可以是绝对路径，也可以是相对路径，还可以是网络路径

alt属性：表示如果图片挂了该咋办

如果图片正常就不会显示alt中的内容

title属性：提示文本，鼠标放到图片上，就会显示title里的内容

weidth/height：设置尺寸，单位为：px（像素）

 7、超链接标签 a标签

href属性：表示要跳转的地址

---

空连接：在开发阶段，有的链接具体的地址还不确定时就可以先用 # 占个位置

---

如果herf里面的链接是对应到一个普通文件（不是html之类的） 就会触发下载操作~

---

把图片放到a标签里，就可以实现点击图片就跳转的效果~ 

 

8、表格标签： 

taable标签：表示整个表格

tr标签：表示一行

td标签：表示一列

th标签：表示表头中的一列

 

 

 

使用cellspacing属性：可以去掉单元格之间的间隙

 

 

9、列表标签： 主要用来罗列一组并列的数据

无序列表标签：

 

有序列表标签：

 

 自定义列表标签：

 

10、表单标签 ：是用户和页面之间交互的手段，是让用户进行输入的

form 标签：表示一个表单标签，通过 form 就可以允许用户输入一些信息并提交到服务器上

在 form 标签里可以放一些和用户交互的组件，i最常见的就是 input 标签

---

input标签里的type属性：描述当前input标签是什么形态

 

 

 

 此时可以两个都选

 

此时只能选择一个

 此时表示默认选中女

 

 注意：在一个页面中id属性的取值不能重复

---