隐藏

html语法基础:
2021年 12月 19 日

Calvin

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>

&nbsp;   <!--  用于创建一个半角空格 -->

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=设置高度

html语法基础:

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>

&nbsp;   <!--  用于创建一个半角空格 -->

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=设置高度

评论区(暂无评论)

这里空空如也,快来评论吧~

我要评论