HTML基础
HTML标题
标题(Heading)是通过<h1>
- <h6>
标签进行定义的。 浏览器会自动地在标题的前后添加空行。
-
请确保将 HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。
-
搜索引擎使用标题为您的网页的结构和内容编制索引。
-
因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。
-
应该将 h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。
-
在 HTML 4.01 中,
<h1>
-<h6>
的 “align” 属性已被废弃。在 HTML 5 中,<h1>
-<h6>
元素的 “align” 属性不被支持。请使用 CSS 来排列元素。
HTML水平线
-
<hr>
标签在 HTML 页面中创建水平线。在 HTML 中,<hr>
标签没有结束标签。 -
在 HTML 4.01 中,所有的布局属性都已废弃。在 HTML5 中不再支持这些属性。请使用 CSS 来为
<hr>
元素定义样式。
HTML注释
<!--注释-->
HTML段落
<p>这是一个段落 </p>
HTML换行
<br><br />
HTML文本格式化标签
标签 | 描述 |
---|---|
<em> | 定义着重文字 |
<b> | 定义粗体文本 |
<i> | 定义斜体字 |
<strong> | 定义加重语气 |
<del> | 定义删除字 |
<span> | 元素没有特定的含义 |
特别提示
常用文本标签和段落是不同的,段落代表一段文本,而文本标签一般表示文本词汇
HTML超链接
在标签<a>
中使用了href属性来描述链接的地址。如果你将 target 属性设置为 “_blank”, 链接将在新窗口打开。
<a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>
- 一个未访问过的链接显示为蓝色字体并带有下划线。
- 访问过的链接显示为紫色并带有下划线。
- 点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
HTML图像
src是源文件目录,alt是替换文本
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
HTML列表
无序列表<ul>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
有序o列表<ol>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
自定义列表以 <dl>
标签开始。每个自定义列表项以 <dt>
开始。每个自定义列表项的定义以 <dd>
开始。
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>