Web前端开发—-HTML常用标签

HTML常用标签

1.排版标签

标题标签 h（熟记）

< h1> </ h1>
< h2> </ h2>
< h3> </ h3>
< h4> </ h4>
< h5> </ h5>
< h6> </ h6>
分6级标题
从大到小

小结：加了标题的文字会变得加粗，字号也会依次变大。
一行只能放一个标题

段落标签 p （熟记）

<p>文本内容</p>

水平线标签

<hr /> 单标签

换行

<br /> 单标签

div和span标签（重点）
div标签是用来布局的，但现在一行只能放一个div
span标签用来布局的，一行上可以放好多个span

2.文本格式化标签

<b></b> <strong></strong> 文字以粗体方式显示(XHTML 推荐strong)
b只是加粗 strong除了加粗还有强调的意思

<i></i> <em></em> 文字以斜体方式显示（推荐em）

<s></s> <del></del> 文字以加删除线方式显示（推荐del）

<u></u> <ins></ins> 文字以下划线方式显示（推荐ins）

3.标签属性

<标签名 属性1:“属性值1”…>

4.图像标签< img>(重要）

<img src="图像URL"/> 单标签

属性值

属性	值
src	URL 图像路径
alt	文本 图像不能显示的时候的替换文本
title	文本 鼠标悬停时的文本
width	像素 设置图像宽度
height	像素 设置图像高度
border	数字 设置边框的宽度

注意：
标签可以拥有多个属性必须写在开始标签中，位于标签名后面
属性之间不分先后顺序，标签名与属性，属性与属性之间均以空格分开
采用key=value值

5.链接标签（重点）

< a href=“跳转目标” target=“目标窗口的弹出方式”>< /a>
当没有确定链接目标时 href=“#” 用#号来代替
不仅可以创建文本链接在网页中的各种元素，如图像，表格，音频等都可以添加。
target属性值

属性	值
self	默认 在当前窗口打开
_blank	在x新窗口打开

6.注释标签

< ! – -->
快捷键 ctrl /