HTML基础|青训营

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="https://juejin.cn/post/文件地址" controls="controls"></audio>

input标签的新增类型

search--搜索框

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

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

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

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

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

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

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

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

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

综合案例

这篇好文章是转载于：学新通技术网