2、HTML 学习记录——基础

一、4个元素

1、HTML 标题
HTML 标题(Heading)是通过<h1> - <h6> 标签来定义的.


2、HTML 段落
HTML 段落是通过标签 <p> 来定义的.


3、HTML 链接
HTML 链接是通过标签 <a> 来定义的.

href属性是链接到哪里,<a>和</a>中间的文字,将显示在网页。


4、HTML 图像
HTML 图像是通过标签 <img> 来定义的.


5、HTML 水平线(换行)

<hr> 标签在 HTML 页面中创建水平线。


二、 实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Storm</title>
</head>
<body>
    <h1>这是一个h1标签</h1>
    <h2>这是一个h2标签</h2>
    <h3>这是一个h3标签</h3>
    <h4>这是一个h4标签</h4>
    <h5>这是一个h5标签</h5>
    <h6>这是一个h6标签</h6>
    <p>这是一个p段落</p>
    <p>这是第二个p段落</p>
    <a href="http://www.baidu.com">百度</a>
    <br/>
    <img src="storm.jpg"/>  #注意在你html文件同级目录要有一张storm.jpg图片
</body>
</html>

三、页面展示




提醒:

我上面的代码中,h标签和p标签后面并没有加<br/>,但是却在<a>标签后面加了<br/>,尝试去掉这个<br/>试试。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值