HTML部分
一般标签
p
段落标签,行内元素独占父级一行。
Img
图片标签,src属性:所要引入的图片,注意CSS文件是相对CSS自身的路径而JS文件是相对HTML的相对路径。
a
超链接,实现页面的跳转。href:所跳转的目标文件或链接;Target=”_blank”:在新页面中打开;alt:鼠标移入显示的文字
h1-h6
标题标签,1-6从大到小,一级到六级标签。
video
视频标签,autoplay:若出现,视频就绪后立即播放;controls:若出现,向用户显示控件,播放按钮;loop:若出现,播放完毕后再次播放;muted:播放时静音;preload:若出现,在页面加载时加载,并预备播放。
audio
音频标签,controls:播放控制条;autoplay:自动播放。
br
换行
nobr
强制不换行
pre
双标签,按预设原文本书写格式。
b
双标签,加粗。
u
双标签,下划线。
i
双标签,斜体。
hr
水平线。
font
规定文字。
span
小区域容器。
div
大区域容器。
dl>dt+dd
列表,一般用于图文混排
ul>li
无序列表,我的淘宝。
ol>li
有序列表,轮播图。
table>tr>th>td
tr代表一行,th表头,td表格单元,table是包裹的容器。
表单元素
maxlength:限制长度;required:提交时必须填写;disabled:禁止操作;autofocus:自动聚焦;placeholder:默认显示的文本;seclected:默认选中;checked:多选框或者单选框;
input:类型:text输入框、password密码框、number数字框、radio单选、checkbox多选、button、submit、reset、range、color、date、week、month。
select>option
下拉条
标准文档流
说白了,就是一个“默认”状态。标准文档流中,标签分为两种:块级元素、行内元素。(块级元素垂直排列,行内元素水平排列)
块级元素
块级元素:一定是霸占一行的,能设置宽、高,不设置宽度默认就是占满父亲。div、p、h、li、ul
行内元素
行内元素:和其他行内元素并排,不能设置宽、高,默认宽度就是文字宽度。span、a、b、i、u
容器级(块级)标签
里面可以放置任何东西。
文本级的标签
只能放置文字、图片、表单元素。p标签是一个文本级标签,就要死死记住:p里面只能放文字、图片、表单元素。其他的一律不能放。再次强调,p是一个文本级的标签,p里面只能放文字、图片、表单元素 超链接。
HTML5新特性:语义化标签(内容结构化)
标签 | 描述 |
---|---|
header | 定义了文档的头部区域 |
footer | 定义了文档的尾部区域 |
nav | 定义文档的导航 |
section | 定义文档中的节(section、区段) |
article | 定义页面独立的内容区域 |
aside | 定义页面的侧边栏内容 |
detailes | 用于描述文档或文档某个部分的细节 |
summary | 标签包含details 元素的标题 |
dialog | 定义对话框,比如提示框 |