HTML

1.关于相对路径

HTML_第1张图片

2.关于页面超链接跳转

HTML_第2张图片使用blank的效果如下:
在这里插入图片描述

3.锚点链接(点击网页上的信息会滑到相应部分)

在这里插入图片描述
HTML_第3张图片
HTML_第4张图片

4.添加注释(选中文字后ctrl+/)

HTML_第5张图片

5.表格样式

表头单元格用th标签有加粗和居中显示,可用于第一行
首行可用thead包起来,其余的用tbody
HTML_第6张图片

6.表格属性

HTML_第7张图片
align:改变表格在网页中呈现的位置
cellpadding:单元格中也就是td文字与所在单元格区域边界的位置
cellspacing:单元格与单元格之间的距离

7.列表标签

7.1无序列表(ul)

HTML_第8张图片

7.2有序列表(ol)

HTML_第9张图片

7.3自定义列表(dl)

HTML_第10张图片

8.表单

8.1表单域form定义表单区域

HTML_第11张图片

8.2表单控件(表单元素)

HTML_第12张图片
name 是元素的名称,value在文本显示为提示,在单选和多选时送给后台,单多选时设置name统一
HTML_第13张图片
label作用是点击文字就能选中对应的选框
HTML_第14张图片
默认选择在op里 属性selected=“selected”

9.css

1.id选择器只能用一次
2.更改body字体时改变不了标题字体大小,标题大小需要另外设定
3.字体粗细:font-weight 后面加数字时不加px 400、700
4.文本风格:font-style 、italic设置倾斜
5.文本缩进:text-indent 单位为em 是选中元素的大小
6.行间距:line-height
7.外部导入css样式:< link rel=“stylesheet” href=" ">
8.hr标签:横线
9.给图片居中时 要对图片所在的外标签进行居中处理

10.Emmet语法

1.直接生成标签:输入标签名后按tab键直接生成
2.生成多个相同标签:比如div*3
3.有父子级关系的标签,用> 比如 无序列表 ul > li
4.兄弟级的标签,用+比如 div+p
5.直接生成div 归属类:.类名按tab #类名按tab
6.

你可能感兴趣的:(网页前端,html,html5)