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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值