html/html双标签开头结尾HTML标签为最大的标签称为根标签
head/head文档头部标签且必须设置title
title/title页面标题
body/body文档的主体包含页面的内容
h1-h6HTML提供6个等级的页面标题有大到小
p/pp标签用于定义段落可以将页面分为若干个段落根据窗口大小自动换行
br/单标签换行标签(break打断)
格式化标签:加粗strong/strongorb/b
斜线em/emori/i
删除线del/delors/s
下划线ins/insoru/u
div和span标签:没有语义属于一种盒子来装内容
div/div表示分割分区用来布局一行一个大盒子
span/span意为跨度,跨距一行可以哦有多个小盒子
图像标签:imgsrc="图像路径(url)"/定义页面中的图像
图像标签包含多个属性
src图片路径必须属性
alt文本替换文本图像不能显示的文字
title文本鼠标放到图像上显示文字
width像素宽度
height高度
border边框
相对路径和绝对路径
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径
分类:下级路径/上级路径../
绝对路径:是指目录下的绝对位置,如硬盘中的路径或网路地址
ahref="跳转目标"target="目标窗口的弹出方式"文本或图像/a
href用于指定链接目标的url地址(必须属性)
target用于指定链接打卡方式_self为默认值_blank为在新窗口打开方式
找到目标位置标签,里面添加一个id属性=名字,如:h3id="two"目标/h3
注释:!--注释语句--快捷键CTRL+/
特殊字符:HTML原代码
显示结果
描述
小于号或显示标记
大于号或显示标记
可用于显示其它特殊字符
"
“
引号
®
®
已注册
©
©
版权
™
™
商标
半个空白位
一个空白位
不断行的空白
表格标签:table/table是用于定义表格的标签
tr/tr标签用于定义表格中的行,必须嵌套在table/table标签中
tb/tb用于定义表格的单元格,必须嵌套在tr/tr标签中
td元素中的文本通常是普通的左对齐文本。字母td指表格数据(tabledata),即数据单元格的内容
表头单元格标签:
th标签表示HTML表格的表头部分th元素中的文本通常呈现为粗体并且居中。
表格属性:
alignleftcenterright规定表格相对于周围元素的对齐方式
border1or""规定表格单元是否拥有边框默认为"",表示没有边框
cellpadding像素值规定单元边沿与其内容的空白,默认1像素
cellspacing像素值规定单元格直接的空白默认2像素
with像素值or百分比规定表格的宽度
合并单元表格方式:
跨行合并:rowspan="合并单元格的个数"
跨列合并:colspan="合并单元格的个数"
列表标签:ul标签表示无序列表里面只能包含li
ol有序标签里面只能包含li
li相当于一个容器定义列表项与uiorli嵌套使用li里面可以包含任何标签
dl标签用于定义描述列表(或自定义列表),该标签会与dt(定义项目和名字)和dd(描述每一个项目名字)一起使用
表单标签:标签
描述
form
定义供用户输入的表单
input
定义输入域
textarea
定义文本域(一个多行的输入控件)
label
定义了input元素的标签,一般为输入标题
fieldset
定义了一组相关的表单元素,并使用外框包含起来
leg
定义了fieldset元素的标题
select
定义了下拉选项列表
optgroup
定义选项组
option
定义下拉列表中的选项
button
datalist
New
指定一个预先定义的输入控件选项列表
keygen
New
定义了表单的密钥对生成器字段
output
New
定义一个计算结果
input标签用于收集用户信息包含一个type属性可以有多种样式
inputtype="value"
inputtype="属性值"/
属性值:
button
checkbox
定义复选框。
file
定义输入字段和"浏览"按钮,供文件上传。
hidden
定义隐藏的输入字段。
image
定义图像形式的提交按钮。
password
定义密码字段。该字段中的字符被掩码。
radio
定义单选按钮。
reset
定义重置按钮。重置按钮会清除表单中的所有数据。
submit
定义提交按钮。提交按钮会把表单数据发送到服务器。
text
定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符。
label标签label标签为input元素定义标注(标记)。label是标注的意思
label标签的for属性应当与相关元素的id属性相同
详情可参考