应同学需求,我在工作之余梳理了,在实际项目开发中必须要掌握的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