A44-网页前端第一次笔记

一、看直播、下载Hbuilder

二、看b站教程及菜鸟教程

三、学习常用标签笔记 如下：

1.注释标签    <!--......-->

2.标题标签

（1）<h1>——<h6>大小依次递减

（2）尽量减少使用

（3）块级元素，即会自动换行

3.段落标签

（1）<p>

（2）块级元素

4.换行标签

（1）<br> 单标签

5.水平线标签

（1）<hr>

（2）单标签

（3）常用属性：color 颜色

                           size 粗细

                           width 长度（%或px）

                           align 对齐方式

6.列表标签

（1）有序列表：<ol><li></li></ol>

（2）无序列表：<ul><li></li></ul>

7.div标签

（1）块级元素

（2）默认占全部宽度，有多少内容高度占多少

（3）常用属性：width 宽度

                            height 高度

                            align 对齐方式

8.span标签

（1）行内元素，即不会自动换行

9.格式化标签

（1）font标签：常用属性：color 字体颜色

                                            size 字体尺寸

                                            face 字体风格

（2）pre标签：预格式化标签，保留空格和换行

         常用属性：b 加粗

                           i 倾斜 

                           u 下划线

                           del中划线

                           sup上标

                           sub下标

10.a标签

（1）超链接标签，用于链接到一个新的URL

（2）常用属性：href 需要跳转的地址（必须属性）

                           target：窗口打开的方式

                           _self：当前窗口（默认）

                           _blank：在空白窗口

（3）作为锚点：a标签的name属性值

                           <a name="top"></a>

                           其他的id属性值

                           <div id="top"></div>

                           锚点的使用：<a href="#top"></a>

11.img标签

（1）向网页中嵌入一张图片

（2）常用属性：src：需要引入的图片的地址（必须属性）

                           alt：当图片破损或不存在时，显示文本的内容

                           title：当鼠标悬停在图片上时显示的文本

                           width：图片的宽度

                           height：图片的高度

                           border：图片边框

12.表格标签

（1）<table></table>表格   常用属性：width 表格的宽度

                                                               border 边框

                                                               align 对起方式

                                                               style="border-collapse:collapse;" 合并表格的边框

（2）<tr></tr>行   常用属性：align 行的内容的对齐方式

（3）<td></td>标准单元格

（4）<th></th>表头