声明
<!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