HTML+CSS知识点(HTML部分)

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 定义对话框,比如提示框