HTML
一、HTML简介
什么是HTMLHTML:HyperText Markup Language,超文本标记语言。
HTML的作用用来编写网页的
HTML的语法
page title二、HTML标签
文字排版1.1 标题标签: h1~h6
特点:文字加粗
内置字号:h1最大,h6最小
独占一行
1.2 横线标签:hr(重点)
自闭合标签常用属性有:color:横线的颜色
size:横线的粗细
width:横线的长短
align:横线的水平位置。left/center/right
1.3 段落标签:p
特点: 段落之间有空白 的间隔一个段落一个p标签,多个段落多个p标签1.4 换行标签:br(重点)
自闭合标签特点: 换行后,行之间没有空白间隔1.5 文字标签:font
常用属性: color:文字的颜色size:文字的大小,最小1,最大7,默认3face:文字的字体1.6 粗体字标签:b
1.7 斜体字标签:i
图片显示2.1 图片标签:img(重点)
常用属性: src:图片的路径。必须有width:图片显示的宽度。height:图片显示的高度title:鼠标悬浮提示alt:图片加载不出来时,给的文字提示信息 注意:图片只有width或者只有height时,会等比例缩放显示;如果有width和height都有,图片可能会变形
清单和超链接3.1 清单标签
3.1.1 无序清单:ul + li
ul:清单本身,必须要配合子标签li使用 type属性:每个清单项前边的符号类型。常用值有: disc:小圆点,默认值circle:小圆圈square:小方块 li:清单项。一个清单项,就要有一个li标签3.1.2 有序清单:ol + li
ol:清单本身,必须要配合子标签li使用 type属性:每个清单项前边的序号类型 A/a:大小字母/小字字母的序号I/i: 大写罗马数字/小写罗马数字 的序号1: 数字序号 li:清单项。一个清单项,就要有一个li标签3.2 超链接标签:a (重点)
常用属性: href:跳转到哪target:在哪显示新页面 _self:在当前窗口显示_blank:在新窗口显示 表格4.1 表格的标签(重点)
table标签:表格本身 border:边框线。1:有边框;0:没有边框width:表格的宽度bgcolor:表格的背景颜色cellspacing:表格里单元格之间的间隔align:表格整体的水平位置 tr标签:行标签(table的子标签) align:行里内容的水平位置 td标签:单元格标签(tr的子标签) align:单元格里内容的水平位置 th标签:表头单元格标签。用法和td完全一样,仅仅是自带样式:加粗并居中caption:标题标签(table的子标签)。通常是在第1个tr之前4.2 合并单元格
确定是跨行还是跨列
跨行用 rowspan跨列用 colspan确定属性加在哪个单元格上
加在要合并的单元格,第1个单元格上确定属性值是几:
要合并几个单元格,值就是几删除被合并掉的单元格
其它标签
5.1 文档声明
<!DOCTYPE html>注意:文档声明要写在HTML的最前边
5.2 head标签
5.3 HTML的实体字符
三、其它
颜色的写法 颜色的名称:red, blue, green, yellow十六进制的色码:# 后边跟6位十六进制数字,比如:#ffffff 6位数字完全相同,可以简写成3位:#666666,简写成:#666 尺寸的写法 固定像素:500px百分比写法:50% 注意:是占父窗口的百分比 路径的写法 相对路径: …/开头的,表示从上级目录里找./开头的,表示从当前目录里找。./可以省略不写 绝对路径: http://www.baidu.com…/开头的路径(服务端web核心时使用)