HTML 中的常用标签用法

单标签

形如<操作符内部>的标签。

注释标签

操作符内部为!–、–。
ctrl + / 快捷键可以快速进行注释/取消注释。

换行标签

操作符内部为br/。
br 是 break 的缩写，表示换行。

多媒体标签

操作符内部为img src=“资源路径.资源格式”。
img 标签的其他属性：
alt： 替换文本。当文本不能正确显示的时候，会显示一个替换的文字。
title：提示文本.。鼠标放到图片上，就会有提示。
width/height： 控制宽度高度。高度和宽度一般改一个就行，另外一个会等比例缩放，否则就会图片失
衡。
border：边框。参数是宽度的像素，但是一般使用 CSS 来设定。

表格标签

操作符内部为table。
table标签的属性：
align：是表格相对于周围元素的对齐方式。 (不是内部元素的对齐方式)
border：表示边框.。1 表示有边框(数字越大, 边框越粗)，“” 表示没边框。
cellpadding：内容距离边框的距离。默认 1 像素。
cellspacing：单元格之间的距离。默认为 2 像素。
width / height：设置尺寸。
表格标签的子标签（为成对标签）：
tr：表示表格的一行；
td：表示一个单元格；
th：表示表头单元格. 会居中加粗；
thead：表格的头部区域(注意和 th 区分, 范围是比 th 要大的)；
tbody：表格得到主体区域。
合并单元格：
跨行合并：rowspan=“n”；
跨列合并：colspan=“n”。

成对标签

形如<操作符内部>内容<操作符内部>的标签。

标题标签

操作符内部为h1、/h1，范围为h1到h6，数字越大的字体越小。

段落标签

操作符内部为p、/p，表示一个段落，不能嵌套使用。

超链接标签

操作符内部为a href=“资源路径”、/a。
a标签的属性：
href：必须具备， 表示点击后会跳转到哪个页面。
target：打开方式， 默认是 _self，如果是 _blank 则用新的标签页打开。

格式化标签

加粗

操作符内部为strong、/strong或b、/b。

倾斜

操作符内部为em、/em或i、/i。

删除

操作符内部为del、/del或s、/s。

下划线

操作符内部为ins、/ins或u、/u。

列表标签

无序列表

ul标签中放 li 标签。

有序列表

ol标签中放 li 标签。

自定义列表

dl 总标签中放dt (小标题) 和dd (围绕标题来说明) 。

表单标签

表单是让用户输入信息的重要途径。
分成两个部分：
表单域：包含表单元素的区域；
表单控件：输入框，提交按钮等。

form标签

操作符内部为form action=“资源上传路径”、/form。
描述了要把数据按照什么方式，提交到哪个页面中。

input标签（单标签）

操作符内部为input type=“text”。
input的属性为：各种输入控件，单行文本框，按钮，单选框，复选框。
type(必须有)，包含button，checkbox，text，file，image，password，radio 等。
name：给 input 起了个名字。尤其是对于单选按钮，具有相同的 name 才能多选一。
value：input 中的默认值。
checked：默认被选中。(用于单选按钮和多选按钮)
maxlength：设定最大长度。

label标签（单标签）

操作符内部为label for=“标记”。
搭配 input 使用，for 属性：指定当前 label 和哪个相同 id 的 input 标签对应。(此时点击才是有用的)

select标签

下拉菜单选择，子标签为option标签。
option 中定义 selected=“selected” 表示默认选中。

布局标签

div标签

division 的缩写，含义是 分割。div 是独占一行的，是一个大盒子。div允许嵌套使用。

span标签

含义是跨度。span 不独占一行，是一个小盒子。