网页前端学习笔记

学习网站：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibilix

学习内容：

图片应用 img标签 向网页中嵌入一张图片

src:需要引入的图片地址 alt:当图片破损或不存在时，显示文本内容 title:当鼠标停在图片上时显示的文本 width:图片的宽度 height:图片的高度 border:图片边框<img>

标题标签h1-h6

从一到六标签一次减小<h1></h1>

段落标签p

会自动换行<p></p>

换行标签br

<br></br>

水平线标签hr

color: size: width:长度（百分比 或 像素之px）  宽度默<hr color="##">

列表

有序列表<ol>

<ol><li>##</li><li>##</li></ol>  1,2,3等等

无序列表<ul>

<ul><li>##</li><li>##</li></ul>

div和span

div     块级元素默认占全部的宽度，有多少内容高度占多少内容高度 可以设置div的宽（width）高（height）通过align设置内容的对齐方式

<div style="width:hh"></div>

span    行内元素（不会自动换行）

<span>      </span>

格式化标签

font   规定文本的字体、字体尺寸、字体颜色

color   size   face字体风格（楷体等等）<font color="blue"></font>

pre   定义预格式化的文本，被包围在pre元素中的文本通常会保留空格和换行符，而文本也会呈现为等宽字体写进去什么就是什么

&ndsp(空格符）

文本标签

b（粗文本）、i（斜体文本）、u（下划线文本）、del（中划线文本）、sub（下标文本）、sup（上标文本）

<p><b>##</b>################</p>

a标签

1.定义超链接

2.做锚点

href跳转地址  _blank(跳转后开启新页面） _self(跳转后当前页面显示）_top(覆盖页面)
a的name属性 

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

<a href="#顶部的某个字“>回到顶部</a>

表格标签table

table 表格    tr  行   td  标准单元格    th  表头（字体居中、加粗效果）style="border-collapse: collapse;表格合并

<table width="400px" align="center" border="1" style="border-collapse: collapse;">
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>

</table>

列表嵌套

效果