什么是HTML:超文本标记语言
p标签:段落标签
br标签:简单换行
h1-h6:标题标签
hr标签:水平分割线,华丽的分割线
font标签:color属性改变颜色,size默认3
b标签:加粗
i标签:斜体
strong标签:带语义的加粗
em标签:斜体标签,带语义
img标签:图片标签
src: 指定图片路径(相对路径) width: 宽度 height: 高度 alt: 图片加载失败时的提示 相对路径:
./ 代表当前路径
. ./ 代表的是上一级路径
. ./. ./ 代表的是上上一级路径,依次类推
ul标签:无序列表
ol标签:有序列表
li标签:列表项
a标签:超链接标签:
target:打开方式
href:指定要跳转的链接地址
table标签:table > tr > td
tr标签:行 td标签:列 合并行:rowspan 合并列:colspan form 标签:表单标签,主要是用来向服务器提交数据
method:提交方式:get,post action:提交的路径 input 标签:
type: password:密码框 text:文本 submit:提交 button:普通的按钮 reset:重置按钮 radio:单选按钮,设置name属性,让它们是一组 checkbox:复选按钮 email:邮箱 date:日期 tel:手机号码 frameset:框架标签
rows: cols: frame:
CSS:层叠样式表.
CSS作用:美化页面,提高代码的复用性。
CSS选择器,需要掌握的有:
元素选择器:标签的名称 类选择器:以 . 开头 ID选择器:以#开头,#ID的名称,ID必须是页面上唯一的 优先级:行内样式 > ID选择器 > 类选择器 > 元素选择器
当存在一样的选择器时,就近原则。
扩展选择器:
选择器分组:选择器1,选择器2 以逗号隔开 后代选择器:爷爷 孙子 中间以空格隔开 子元素选择器:爸爸 > 儿子 属性选择器:选择器[属性的名称=’’] 伪类选择器:超链接标签上使用 浮动:float属性,值left right
清除浮动:写一个空白div,加clear属性,值both left right
盒子模型:顺时针,上右下左
padding:内边距,控制盒子内容与边框之间的距离 margin:外边距,控制盒子与盒子之间的距离 绝对定位:
position:absolute top: left: