自学前端第五天:HTML基础标签(二)

最新推荐文章于 2022-08-02 21:41:16 发布

AKA俄语人Лев

最新推荐文章于 2022-08-02 21:41:16 发布

阅读量251

点赞数

分类专栏：前端HTML+CSS基础文章标签： css html5 html

本文链接：https://blog.csdn.net/weixin_47592060/article/details/116387061

版权

HTML标签:(HyperText Markup Language)

一.html标签基本概念:

1. HTML 标签是由尖括号包围的关键词，例如 <html>。
2. HTML 标签通常是成对出现的:
例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签（极少情况）:
例如 <br />，我们称为单标签。

二.html标签之间的关系:

父子关系——嵌套关系
兄弟关系——并列关系

html标签和head标签是父子关系(嵌套关系)
meta标签和title标签是并列关系(并列关系)

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <body></body>

</html>

三.第一个HTML网页:

<!doctype html>
<!--第1步、强调告诉browser你的文档类型是 html5 -->
<html>
<!--第2步、html根标签就说明你要开始一个网页根结构-->

<head>
  <!--第3步、写一个网页的头部，包括如下元meta元标签和标题title标签-->
  <!-- ①下面设置网页的附加信息，即meta元标签 -->
  <meta charset="utf-8"> <!-- 字符语言设置 -->
  <meta name="keywords" content=""> <!-- 关键字设置提高SEO -->
  <meta name="description" content=""> <!-- 网页摘要设置   -->
  <!-- ②接着轮到网页标题了 -->
  <title> 这是我的第一个html网页标题 </title>

</head>

<body>
  <h1> 个人信息简介 </h1>
  Hello,大家好我叫涂岳新,广东韶关,现居住在广州
  <p>作为一名大四准毕业生,就读于广外南ffF国商学院俄语专业</p>
  <p>重点:是一条水鱼</p>


</body>

</html>

四.html的基本标签讲解:

1.先明白html标签语义化的重要性:

1.HTML结构清晰

2.代码可度性好

3.无障碍阅读

4.搜索引擎可根据标签的语言确定上下文和权重问题

5.移动设备能更完美的展示页面

6.便于团队维护开发

html5语义化标签及优点:

html5中的语义化标签

< h1~h6 >：标题，< h1 > 与 < title > 协调有利于搜索引擎优化。

< header >：网页头部，通常包括网站标志、主导航、全站链接以及搜索框。

< footer >：网页尾部

< small >：呈现小号字体效果，指定细则，输入免责声明、注解、署名、版权。

< title >：页面主体内容。

< ul >：无序列表。

< li >：有序列表。

< nav >：标记导航，仅对文档中重要的链接群使用。

< main >：页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能。

< article >：定义外部的内容，其中的内容独立于文档的其余部分。

< section >：定义文档中的节（section、区段）。

< aside >：定义其所处内容之外的内容。如侧栏、文章的一组链接、广告、友情链接、相关产品列表等。

< em >：将其中的文本表示为强调的内容，表现为斜体。

< strong >：和 em 标签一样，用于强调文本，但它强调的程度更强一些。

< mark >：使用黄色突出显示部分文本。

< figure >：规定独立的流内容（图像、图表、照片、代码等等）（默认有40px左右margin&#x

最低0.47元/天解锁文章

AKA俄语人Лев

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自学前端第五天:HTML基础标签(二)

HTML标签:(HyperText Markup Language)一.html标签基本概念:1. HTML 标签是由尖括号包围的关键词，例如 <html>。2. HTML 标签通常是成对出现的:例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。3. 有些特殊的标签必须是单个标签（极少情况）:例如 <br />，我们称为单标签。二.html标签之间的关系:父子关系——嵌套关系兄
复制链接

扫一扫