一.编译器的安装与基本操作
二.根据视频学习html的基本结构
三.常用标签的使用方法以及属性的介绍
1.标题标签
h1-h6 大小依次递减
尽量减少h1的使用
2.段落标签
p标签,会自动换行
块级元素
3.换行标签
br 单标签
<br><br/>
4.水平线标签
hr 单标签
常用属性
color 颜色
size 粗细
width 长度(百分数 /px)
5.列表
有序列表
<ol><li></li></ol>
无序列表
<ul><li></li></ul>
6.div标签
块级元素
默认占全部的宽度,有多少内容高度占多少
可以设置div的宽(width)高(height)
通过align设置内容的对齐方式
7.span标签
行内元素(不会自动换行)
8.格式化标签
font标签
color 字体颜色
size 字体尺寸
face 字体风格
pre
预格式化标签,保留空格和换行
b 加粗
i 倾斜
u 下划线
del 中划线
sup 上标
sub 下标
9.a标签
超链接标签,用于链接到一个新的URL
常用属性:
href: 需要跳转的地址
target:窗口打开的方式
_self:当前窗口
_blank: 在空白窗口
作为锚点
a标签的name属性值
<a name="top"></a>
其他的Id属性值
<div id="top"></div>
锚点的使用:
<a href="#top"></a>
10.img标签
向网页中嵌入一张图
常用属性
src:需要引入的图片的地址(必须属性)
alt:当图片破损或不存在时,显示文本的内容
title、:当鼠标悬停在图片上时现实的文本
width:图片的宽度
height:图片的高度
border:图片边框
11.表格标签
table 表格
tr 行
td 标准单元格
th 表头(字体居中,加粗效果)
table属性
width 表格的宽度
border 边框
align 对齐方式
style="border-collapse:collase;" 合并表格的边框
tr的属性
align 行的内容的对齐方式
bgcolor 底部颜色