HTML入门学习笔记之基本标签


声明

<!DOCTYPE html>

<!DOCTYPE> 声明必须是 HTML 文档的第一行;
<!DOCTYPE> 声明没有结束标签;
<!DOCTYPE> 声明对大小写不敏感。


html标签

<html>
内容
</html>

<html></html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。


文档头部

<head>
头部
</head>

<head>是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
<head> 标签放在文档的开始处,紧跟在 <html> 后面,并处于 <body> 标签或 <frameset> 标签之前。


文档标题

<head>
<title>文档标题</title>
</head>

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。
<title> 标签是 <head> 标签中唯一要求包含的东西。


主体标签

<body>
主体内容
</body>

<body>包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)


标题标签

<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>

显示效果如下:

这是标题1

这是标题2

这是标题3

这是标题4
这是标题5
这是标题6

段落标签

<p>这是段落</p>

显示效果如下:

这是段落


分割线标签

<p>这是段落</p>
<hr>
<p>这也是段落</p>

显示效果如下:

这是段落


这也是段落


链接标签

<a href="http://www.baidu.com">百度</a>

href属性的值就是链接的地址。

显示效果如下:

百度


图片标签

<img src="https://profile.csdnimg.cn/E/B/C/3_weixin_43891765" alt="帅气的小明"/>

src属性的值就是图片的地址;
alt属性的值是当图片没有展现出来时提示的文字。

上面的https://profile.csdnimg.cn/E/B/C/3_weixin_43891765这个地址,就是我头像图片的地址。

显示效果如下:

帅气的小明

块级元素

<div>这是div标签</div>

div标签可以把文档分割为独立的、不同的部分。它没有实际的意义,仅仅表示创建了一个块级元素。

显示效果如下:

这是div标签

注释

<p>这个段落没有被注释</p>
<!-- <p>这个段落已经被注释</p> -->
<p>这个段落没有被注释</p>

显示效果如下:

这个段落没有被注释

这个段落没有被注释


换行标签

12345<br>67890

显示效果如下:

12345
67890


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值