HTML基础

最新推荐文章于 2022-06-08 21:27:57 发布

原创最新推荐文章于 2022-06-08 21:27:57 发布 · 181 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML

1.标题标签：h——h1-h6 h1最大 h6最小被这些标签包起来的内容会加粗显示自动换行
2.段落标签：p——会自动换行，不会加粗显示，可以添加内容
3.换行标签：br——不可以添加内容

代码如下：

<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title>我是title</title>
</head>
<body>
<h1>我是h1</h1>   
<h2>我是h2</h2>
<h3>我是h3</h3>
<h4>我是h4</h4>
<h5>我是h5</h5>
<h6>我是h6</h6>
<p> 我是p</p>
<a href="https://zhidao.baidu.com">百度</a><br><a href="https://ai.taobao.com">taobao</a>
</body>
</html>

4.a标签超链接：
a -href ——Href指定链接到哪个地址
a标签下的Target有4个属性值，指定在哪打开连接
例：<a href="http://www.163.com" target="_blank">我链接163</a>
①_parent 在父窗口打开
②_self 在当前页面打开
③_blank 在另一个新页面中打开
④_top 在顶级窗口，用于框架页

5.视频播放：
代码如下
<video src="2.mp4" controls autoplay width="600" height="300"/>
Controls ——用于控制视频的按钮
Autoplay ——自动播放视频
6.练习：
做一个页，页面上有一行文字hot summer和一张图片，点击文字或图片新打开一个窗口，播放视频。
新建HTML名为-play：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="play.html">hot summer</a>
<a href="play.html" target="_blank">
    <img src="1.png" />
</a>
</body>
</html>

新建html 名为play2 ：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<video src="2.mp4" controls autoplay width="600" height="300"/>
</body>
</html>