HTML
标签 ：前端
初体验
<!--文档标签：告诉系统我们当前使用的是HTML标签-->
<!DOCTYPE html>
<!--网页标签必须写到文档标签下面，用来声明下面的标签都是HTML标签-->
<html>
<!--标签头：主要用声明标题，编码语言，脚本，样式等-->
<head>
<!--声明编码格式是'utf-8'-->
<meta charset="UTF-8">
<!--设置网页标题-->
<title></title>
</head>
<!--在网页页面显示的内容-->
<body>
<!--标题标签-->
<h1>娃哈哈</h1>
</body>
</html>
HTML标签入门
标题标签
<!--h1:表示一级标题（最大）；h6：表示六级标题（最小）-->
<body>
<!--<hr> 标签在 HTML 页面中创建水平线。-->
<h1>娃哈哈</h1>
<hr>
<h2>娃哈哈</h2>
<hr>
<h3>娃哈哈</h3>
<hr>
<h4>娃哈哈</h4>
<hr>
<h5>娃哈哈</h5>
<hr>
<h6>娃哈哈</h6>
</body>
段落标签
<body>
<!--align='center'： 居中显示-->
<h1 align='center'>标题</h1>
<!--<p></p>：段落标签，成对出现，一对标签表示一段话-->
<p>第一段</p>
<p>第二段</p>
<p>第三段</p>
<!-- 表示缩进-->
<p> 空格</p>
</body>
| 属性 | 描述 |
|---|---|
| align-left | 水平居左 |
| align-right | 水平居右 |
| align-center | 水平居中 |
HTML 折行
如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 <br />标签。
在 HTML 语言中,<br/>标签定义为一个换行符，它可以理解为简单的输入一个空行，而不是用来对内容进行分段
HTML文本格式化
<body>
<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>
<code>电脑自动输出</code><br><br> 这是 <sub> 下标</sub> 和 <sup> 上标</sup>
</body>
在HTML中直接输入< > 会直接隐藏，所以使用时需要在把 < > 转化为<和>
盒子标签
HTML <div> 和<span>
<div> 元素
<div> 标签可以把文档分割为独立的、不同的部分。
HTML <div> 元素是块级元素，它是可用于组合其他 HTML 元素的容器。
<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。
<div> 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。
使用 <table> 元素进行文档布局不是表格的正确用法。<table> 元素的作用是显示表格化的数据。
<body>
<!--div：定义了文档的区域，块级 (block-level)-->
<div style="color: deeppink;">
<h1>标题</h1>
<p>标题</p>
</div>
</body>
图片标签
<body>
<!--src:图片保存路径-->
<!--alt:图片无法加载时，给予的提示-->
<img src="img/tim4.jpg" alt='加载中' />
</body>
超链接标签
<body>
<!--超链接-->
<!--target='_blank':重新开启一个网页，默认不开启-->
<a href="http://www.baidu.com" target='_blank'>百度</a>
</body>
字体标签
<body>
<p>规定文本的
<!--font size:规定字体大小 1最小，7最大-->
<!--font color:规定字体颜色-->
<font size="1">字体</font>，
<font color="pink">字体颜色</font>
</p>
</body>
音频标签
<body>
<embed height="50" width="100" src="/statics/demosource/horse.mp3">
</embed>
</body>
视频标签
<body>
<!--controls：控制器-->
<video src='img/movie.ogg' controls='controls'></video>
</body>
网友评论