lesson2_html常用标签

最新推荐文章于 2025-08-29 19:04:23 发布

原创最新推荐文章于 2025-08-29 19:04:23 发布 · 142 阅读

CC 4.0 BY-SA版权

本文详细介绍了HTML中的基础标签使用方法，包括段落、标题、列表等，并提供了练习示例帮助理解。适合初学者快速掌握HTML的基本语法。

<u></u>：下划线

html段落标签：<p></p>
p标签的属性Align: left center right
注意：p标签没有改变字体大小的属性 size

练习：输入一段内容，最后八个字绿色，宋体，下划线，倾斜，加粗

<h1></h1>--<h6></h6> h标签没有改变颜色的属性
h标签的属性Align: left center right

练习：输入两段内容p，在第一段的前面加一个标题2，标题2的内容居中

练习：输入两段内容 div包裹2个p标签，在第一段的前面加一个标题3，标题3的颜色为蓝色，设置第一段文本的大小为5号字

列表：若干个相似的内容进行排列分类：无序列表有序列表自定义列表
无序列表： <ul>
<li>内容1</li>……<li>内容n</li>
</ul>
ul的属性
type类型设置列表前面符号的样式默认前面是实心圆disc circle空心圆 squre方形

有序列表：
<ol>
<li>内容1</li>……<li>内容n</li>
</ol>

自定义列表：
<dl>
<dt>自定义列表的标题</dt>
<dd>对该标题进行描述</dd>
<dt>自定义列表的标题</dt>
<dd>对该标题进行描述</dd>
</dl>

特殊字符：
  代表1个空格 <font face="Arial(英文字体)">©</font>@符号版权符号 &lt代表< &gt代表>
¥代表￥

回顾：
1、HTML基本结构：
<html>
<head>
<meta charset = "utf-8"/>
<title></title>
</head>
<body></body>
</html>
<h1>-</h6>
<p>
<br/>
<font color="" face="" size=""></font>
<image src="" width="" height="" title="" alt=""/>
<a target="_self/_blank" href="#">文字/图片</a>
<a href="#ID">
<a href="mailto:email地址">

今日知识点：

1、<hr color="？" size="" width=""/>
2、<marquee></marquee>
3、列表：
有序列表：<OL type=""><LI></LI></OL>
无序列表：<UL type=""><LI></LI></UL>
自定义列表：<DL><DT></DT><DD></DD></DL>

4、表格
<table>
<tbody>
<tr>
<td>单元格</td>
</tr>
<tbody>
</table>

合并行 rowspan
合并列 colspan

border
bordercolor
bgcolor