Day02
列表
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--有序列表-->
<ol>
<li>java</li>
<li>Python</li>
<li>html</li>
<li>C</li>
</ol>
<!--无序列表:-->
<ul>
<li>java</li>
<li>Python</li>
<li>html</li>
<li>C</li>
</ul>
<!--自定义列表
dl:标签
dd:列表内容-->
<dl>
<dt>学科</dt>
<dd>java</dd>
<dd>Python</dd>
<dd>Linux</dd>
<dd>C</dd>
<dt>位置</dt>
<dd>西安</dd>
<dd>重庆</dd>
<dd><新疆/dd>
</dl>
</body>
</html>
表格标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签</title>
</head>
<body>
<!--表格 table
行 tr
列 td-->
<table border="1px" bgcolor="blue">
<tr>
<!--colspan跨列-->
<td colspan="4">1-1</td>
</tr>
<tr>
<!--rowspan跨行-->
<td rowspan="2">2-1</td>
<td>2-2</td>
<td>2-3</td>
<td>2-4</td>
</tr>
<tr><td>3-1</td>
<td>3-2</td>
<td>3-3</td>
<td>3-4</td>
</tr>
</table>
</body>
</html>
媒体元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>媒体元素</title>
</head>
<body>
<!--音频和视频
controls:控制条
autoplay:自动播放-->
<video src="../resource/video/girl.mp4" controls autoplay></video>
<audio src="../resource/audio/孩子.mp3" controls autoplay></audio>
</body>
</html>
页面结构分析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面结构分析</title>
</head>
<body>
<header>
<h2>网页头部</h2>
</header>
<section>
<h2>网页主体</h2>
<footer>
<h2>网页脚部</h2>
</footer>
</section>
</body>
</html>
iframe内联框架
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe</title>
</head>
<body>
<!--iframe
src:地址
width：宽
height：高-->
<iframe src="https://www.bilibili.com/video/BV1x4411V75C?p=11&share_source=copy_web" name="百度" frameborder="0" marginwidth="300" height="300"></iframe>
<iframe src="https://www.bilibili.com/video/BV1x4411V75C/?p=11&spm_id_from=pageDriver&vd_source=79aa4711f9a1b707c4fc3d4628933026" frameborder="0" width="500" height="500"></iframe>
<iframe src="" name="girl" frameborder="0" width="1000" height="800px"></iframe>
<a href="../resource/video/girl.mp4" target="girl">点击跳转</a>
</body>
</html>
浙公网安备 33010602011771号