标签：文字这是标签 h1 html 跳转页面

第一章

<html> 整个网页的起始和结束标签

<head> 头信息

<title>网页的标题</title>

</head>

<body text=“(字体)颜色” ; bgcolor=”(背景）颜色”;background=”(背景)图片” >

网页的正文内容

</body>

</html>

1.排版标签

注释标签

换行标签<br/>

段落标签<p>段落1</p>

水平线<hr/>

2.块标签

div一整块 css+div布局

<span></span>所有的内容都在一行（标签之间可嵌套)

3.文字标签

<font></font>处理文字中的显示方式

（size=“ ” color=“ ” face（文字的字体）=“ ”）

4.文本标签

<b> </b> ; <strong> </strong>（可针对性做一波配置） 加粗

<em> </em> 对文字做强调（斜体）

<i> </i> 斜体

<small> </small> 文字变小

<big> </big> 文字变大

<sub> </sub> 文字位于上半部分

<sup> </sup> 文字位于下半部分

<del> </del> 文字删除线（中划线）

<h1> <h1> 标题（h1~h6从大到小）

5.列表标签

无序标签

<ul type=”disc(实心圆点)” ;“circle(空心圆点)”；”square(实心方块)”> </ul>

有序列表

<ol type=”A”; ”1”; ”a”; ”I”; ”i” 或 start=”223”(从223开始) > </ol>

嵌套式

6.图形标签

本地图片

本地图片（相对（多用）和绝对路径）

相对路径：<img src=”img/cat.jpg”/>

绝对路径：<img src=”img/cat.jpg” alt=“如果图片没有加载出来，用文字替代图片的内容” width=”300px”(宽) height=”300px”(高) border=”5px”(边框) />

放一个网络地址图片

<img scr=”放入图片的网络地址”/> （优点：自己本地可不存这张图片；缺点：别人原网页删除这张图片就看不见了）

7.连接标签

跳转到网络地址

<a href=http://www.baidu.com target=”_blank(跳转到另一个页面打开目标地址)” 或 “_self”(在当前页面跳转) >跳转到百度 </a>

跳转到自己写的地址页面

<a href=”1.html”>跳转到1页面</a>

锚点

锚点：同一个页面里的跳转

<a href=”#h5”(跳转到h5)> </a>

<h1>这是h1</h1>

<h5><a name="h5">这是h5 </a></h5>

8. 表格标签

table表格 tr行 td列 th表头

<table border="1"(边框一个像素) style="border-collapse:collapse" bgcolor=”pink”(背景颜色) >

跨行：rowspan 在同一列内，合并多行。

<td rowspan="2">rose marry</td>（垮了两行）

跨列：colspan 在同意行内，合并多列。

<td colspan="2">18</td> （垮了两列）

综合练习

步骤：1.首先布置好框架，看作一个三行三列的表格

2.注意框架是否完善，可用背景颜色、格子作为辅助

3.注意框架比例分布

4.代码要牢记，注意查漏补缺、书写规范

1 <table>
2     <tr rowspan="">
3         <td></td>
4     </tr>
5 </table>

嵌入代码块举例

标签：文字,这是,标签,h1,html,跳转,页面
From： https://www.cnblogs.com/zmm212413/p/16926890.html

html

第一章