1.了解HTML的定义，基本结构
①对于超文本标记语言的理解，是超越文本（不限制于字符，包含视频音频）用“<>”这个特殊字符来书写的语言
②基本结构为
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
网页主体
</body>
</html>
2.认识html的常用标签，并练习使用
常用标签：<title>文档标题标签 、<meta>元信息标签 、<h1>标题标签 <p>段落标签 <br/>换行标签 <hr/>水平线标签 <strong>加粗标签 <em> 斜体标签
<img>图像标签，src：图像地址，width：图片宽度，height：图片高度
<a> 链接标签，href：链接路径，target：链接打开窗口
<a href="demo013.html" target="_self">
<img src="img/abc.png" width="100px" height="100px"
alt="在加载中..." title="点击我！">
</a>
<a href="#marker">锚链接，用于标记位置
<a name="mark"> a </a> 正文内容 <a href="#mark"> b <.a>
3.学习HTML列表，表格，媒体元素的使用
①HTML列表
定义：列表是一种特别的对象集合
无序列表：
<ol>
<li><strong>苹果</strong></li>
<li>香蕉</li>
<li>菠萝</li>
</ol>
有序列表：
<ul>
<li>苹果</li>
<li>水果</li>
<li>香蕉</li>
</ul>
自定义列表：
<dl>
<dt><a href="demo001.html" target="_blank"><em>水果</em></a></dt>
<dd>苹果</dd>
<dd>香蕉</dd>
</dl>
②HTML表格
表格定义：有行有列，多个单元格组成
表格结构：
<table border="5px" background="img/123.png" bordercolor="red" bgcolor="skyblue" cellpadding="5px" cellspacing="5px" >
<tr><td>姓名</td><td>张三</td></tr>
<tr><td>性别</td><td>男</td></tr>
<tr><td>年龄</td><td>20</td></tr>
<tr><td>籍贯</td><td>江苏</td></tr>
<tr><td>体重</td><td>120</td></tr>
</table>
跨列：colspan
跨行：rowspan
③媒体元素
视频元素：vedio
<video controls>
<source src="video/video.webm" type="video/webm"/>
</video>
音频元素：radio
<audio controls>
<source src="music/music.ogg" type="audio/ogg"/>
</audio>
标签：入门,表格,标签,元素,列表,第一课,HTML,链接 From： https://www.cnblogs.com/zixia2025/p/17385809.html