HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> & </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 标题是通过 <h1> - <h6>
等标签进行定义的。
例:
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
注:(标题已默认加粗,无法再次加粗)
HTML 水平线(分界线)
<hr />
标签在 HTML 页面中创建水平线,可用于分隔内容。
HTML 注释
写法:<!-- This is 注释-->
HTML 段落
HTML 段落是通过 <p>
标签进行定义的。
例:
<p>This is a 段落</p>
注释:浏览器会自动地在段落的前后添加空行。(<p>
是块级元素)
提示:使用空的段落标记 <p></p>
去插入一个空行是个坏习惯。用 <br />
标签代替它!
HTML 换行
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br />
标签:<p>第一行<br />第二行<br />第三行</p>
效果:
第一行
第二行
第三行
注:<br />
元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。
<p>这是一个段落</p>
<p>这是一个段落</p>
<b>这是一个文字加粗标签</b><br />
<strong>这是用于强调文字内容的标签</strong><br />
<em>文字倾斜标签</em>
<br/> 换行标签
<pre>预
排版
标
签</pre>
<!-- 用于创建一个半角空格 -->
HTML 链接(超链接)
HTML 链接是通过 <a>
标签进行定义的。
例
<a href=“” target="">This is 链接说明</a>
注释:在 href 属性中指定链接的地址或路径(带前缀)。
注:在路径跳转中:../为返回上一级
target标签内填写:`_blank`表示在新窗口内打开
HTML 图像
HTML 图像是通过 <img>
标签进行定义的。
例
<img src="图片路径" title="" alt="" width="104" height="142" />
src内为图像源路径
title内为图像标签(悬停时出现)
alt内为替代文本标签(在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。)
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于 <ul>
标签。每个列表项始于 <li>
。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下:
·Coffee
·Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示如下:
1.Coffee
2.Milk
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
HTML音频
<audio src=“” loop="loop" controls="controls">This is audio</a>
loop为设置循环
controls内填入controls(意为选择控制器)
HTML视频
<video src=“” loop="loop" controls="controls" width="" height="">This is audio</video>
width=设置宽度
height=设置高度