网页前端第一次培训

一.编译器的安装与基本操作

二.根据视频学习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 底部颜色