你必须要掌握的HTML核心标签和属性

应同学需求,我在工作之余梳理了,在实际项目开发中必须要掌握的html语法:

[一R]骨架标签

[二R]排版标签

[三R]文本格式化标签

[四R]图像标签

[五R]链接标签

[六R]注释标签

[七R]列表标签

[八R]表单标签

在做web开发时,我们必不可少的要使用到html,因为它包含了最基础的网页结构,如果把网页比作房子,那么html就是房子的框架。

一、骨架标签

二、常用标签

1.排版标签

2.文本格式化标签

3.图像标签

imgsrc="图像URL"/

img属性

imgsrc="地址"

width="宽度"

height="高度"

border="边框宽度"

alt="替换文字"

title="鼠标悬停显示内容"

/

4.链接标签

ahref="跳转目标"target="目标窗口的弹出方式"文本或图像/a

a属性

5.注释标签

!--注释语句--

三、表格标签

表格标签(table),行标签(tr),单元格标签(td)

table

tr

th表头单元格/th

/tr

tr

td单元格内的文字/td

/tr

/table

1.表格属性

2.表格标题

table

caption我是表格标题/caption

/table

3.合并单元格

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

合并的顺序我们按照先上后下;先左后右的顺序

四、列表标签

1.无序标签

ul

li列表项1/li

li列表项2/li

li列表项3/li

/ul

2.有序列表

ol

li列表项1/li

li列表项2/li

li列表项3/li

/ol

3.自定义列表

定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。

dl

dt名词1/dt

dd名词1解释1/dd

dd名词1解释2/dd

dt名词2/dt

dd名词2解释1/dd

dd名词2解释2/dd

/dl

五、表单标签

1.input控件

inputtype="属性值"value="你好"name="表单名称"/

!--单选--

inputtype="radio"name="sex"checked="checked"/男

inputtype="radio"name="sex"/女

2.label

用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点。

label

用户名:inputtype="radio"name="usename"value="请输入用户名"

/label

labelfor="sex"男/label

inputtype="radio"name="sex"id="sex"

3.textatea文本域

textarea

文本内容

/textarea

文本框和文本域区别

4.select下拉列表

select

option选项1/option

optionselected="selected"选项2/option!--默认选中--

option选项3/option

/select

5.form表单域

在HTML中,form标签被用于定义表单域,以实现用户信息的收集和传递,form中的所有内容都会被提交给服务器。

formaction="url地址"method="提交方式"name="表单名称"

各种表单控件

/form




转载请注明:http://www.aierlanlan.com/cyrz/2831.html