前端入门|HTML基本元素介绍1

作者: 尚学堂前端学院 | 来源:发表于2020-07-27 14:58 被阅读0次

主要包括九部分主要内容,包括标题标签、段落标签、强制换行、水平线、图片、超链接、文本格式化标签、列表、表格


一、标题

标题(Heading)是通过 <h1> - <h6> 标签进行定义的

<h1> 定义最大的标题。 <h6> 定义最小的标题。

标题很重要

请确保将HTML 标题 标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。

搜索引擎使用标题为您的网页的结构和内容编制索引。

因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的。

应该将h1 用作主标题(最重要的),其后是 h2(次重要的),再其次是 h3,以此类推。

二、段落

段落是通过 <p> 标签定义的。

三、换行

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br> 标签:

<br /> 元素是一个空的 HTML 元素。

四、水平线

<hr/> 标签在 HTML 页面中创建水平线。

 hr 元素可用于分隔内容。

属性:

color:设置水平线的颜色

width:设置水平线的长度

size:设置水平线的高度

align:设置水平线的对齐方式(默认居中),可取值left|right

五、图片

<img> 标签定义 HTML 页面中的图像。

属性:

Src:路径(相对路径、绝对路径)

Alt:规定图像的替代文本。

Width:规定图像的宽度。

Height:规定图像的高度

Title:鼠标悬停在图片上给予提示

六、超链接

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。

在标签中使用了href属性来描述链接的地址

默认情况下,链接将以以下形式出现在浏览器中:

(1)一个未访问过的链接显示为蓝色字体并带有下划线。

(2)访问过的链接显示为紫色并带有下划线。

(3)点击链接时,链接显示为红色并带有下划线。

注意:如果为这些超链接设置了CSS 样式,展示样式会根据 CSS 的设定而显示。

七、文本格式化标签

效果如下:

每天持续更新,喜欢的点点关注

相关文章

网友评论

    本文标题:前端入门|HTML基本元素介绍1

    本文链接:https://www.haomeiwen.com/subject/knemlktx.html