HTML基础|青训营

41 阅读2分钟

HTML

常用标签

h1-h6:一级-六级标题

p:段落标签

br /:换行(单标签)

strong或b:加粗

em或i:倾斜

del或s:删除线

ins或u:下划线

div:一个盒子占一行

span:一行多个 img:图像(单标签,src指定路径,alt指定图像不能显示时的文本,title指定鼠标移动到图片上的提示文本,width/height指定宽高,border指定边框粗细) a:超链接(href指定跳转目标,target指定目标窗口弹出方式【默认为-self,-blank为在新窗口打开】)

链接可以跳转到内部链接(即另一个html文件的页面)和外部链接,空链接用#,如果是.exe或zip文件会直接下载,标签内可以嵌套其他元素

锚点链接:快速定位,将href指定为#+想跳转的元素的id

常用特殊字符

&nbsp:空格

&lt&gt:小于\大于

表格标签

table:表格

tr:行

thead:表格头部部分

tbody:表格主体部分

td:普通单元格

th:表头单元格

列表标签

ul:无序列表,内部只能有li标签

ol:有序列表,内部只能有li标签

dl:自定义列表,内部只能有dt和dd标签

表单标签

form:表单域,将范围内的表单元素信息提交给服务器,action指定url地址,method指定提交方式,name指定表单域名称

input:输入,收集用户信息(单标签)

type可以指定输入框类型

label:为input元素定义标注,点击label对应的文本时光标定位到绑定的元素

select:下拉表单

textarea:文本域,用于多行文本输入

HTML5新增标签

header-->头部标签

nav-->导航标签

article-->内容标签

section-->定义文档某个区域

aside-->侧边栏标签

footer-->尾部标签

audio-->音频标签

语法:

<audio src="文件地址" controls="controls"></audio>

input标签的新增类型

search--搜索框

email--限制输入必须为Email类型

url--限制输入必须为url类型

date--限制输入必须为日期类型

time--限制输入必须为时间类型

month--限制输入必须为月类型

week--限制输入必须为周类型

number--限制输入必须为数字类型

tel--限制输入必须为手机号码类型

color--生成一个颜色选择表单

综合案例

image.png