HTML(二)HTML标签(上)

 

前言

本文主要记载了HTML的相关知识点,上接HTML(一)HTML简介 ,后续不断更新,小白一枚,如若有误,还请大佬指点。

2.HTML标签(上)

2.1语法规范

2.1.1 标签结构

  • 标签有尖括号“<>”关键字组成, 如:<html></html>。一般成对出现,<>内不带/的为开始标签,带有/的为结束标签,如:<html></html>中,<html>为开始,</html>为结束。
  • 标签一般成对出现,如<html></html>,<head></head>,<title></title>等,这样的我们称之为双标签;但也有特殊的单个标签,这样的标签,我们称为单标签,如:</ br>,<img>等。

2.1.2 标签关系

  • 包含关系
<html>

     <head>

          <title></title>

     </head>

</html>
  • 并列关系:
<html>

     <head>

     </head>



     <body>

     </body>

</html>

2.2基本结构标签

  • 根标签
<html></html>

根标签表示应在所有HTML文档中出现的主要或起始标签。 HTML标记是<!DOCTYPE>标记之后的第一个标记,并且在其中指定了其他HTML标记。 该标签允许浏览器识别文档类型。

  • 文档头部标签
<head></head>

文档头部标签包含网页或文档的所有标题信息,如页面标题和其他杂项信息。

  • 文档标题标签
<title></title>

这个标签一般放在<head></head>标签里面,用于定义页面标题

  • 文档主体标签
<body></body>

标签内存放正文,可以直接显示在页面,包括图片、文本、声音、链接等。

2.3常用开发工具

开发工具的选择看个人喜好,建议初学者使用大约一周的记事本编辑,用以熟悉整体结构。常见的HTML开发工具有:

VSCode
DW
WebStorm
Hbulider

2.4常用标签

2.4.1标题标签

<title></title>

用于定义页面标题。

1.4.2段落标签

<p></p>

顾名思义,就是将段落放置其内。

1.4.3换行标签

<br />

1.4.4横线标签

<hr />

在整个页面加一条横线。

1.4.5文本格式化标签

<string></sting>加粗
<em></em>倾斜
<del></del>删除线
<ins></ins>下划线
<sup></sup>上标
<sub></sub>下标

1.4.6布局标签

<div></div>
<span></span>
  • span和div区别在于,div是一个块级元素,它包含的一个元素都独占一行。而span是行内元素,在它包含的元素不会换行,可以同时存在同一行

1.4.7图像标签

<img src="path+imgage" 附加属性/>

附加属性:

  • alt="替换文本",当图片不能加载或丢失时,显示的在页面的文本内容
  • title="提示文本",当把鼠标放到图片上时,显示出的提示或解释性内容
  • width="图片宽度",单位是像素
  • height="图片高度",单位是像素
  • border="图像边框",单位是像素

1.4.8超链接标签

<a herf=""  附加属性></a>
  • 附加属性-打开方式:target="_self或_blank"
  • 外链接:
    <a herf="其它网站的地址" 附加属性></a>
  • 内链接:
    <a herf="本地文件" 附加属性></a>
  • 空链接:
    <a herf="#" 附加属性></a>
  • 下载链接:
    <a herf="path+file" 附加属性></a>
  • 元素链接:
    <a herf="" 附加属性 > 元素</a>
  • 锚点链接:
    <a herf="#ID号"></a>
    

    在需要链接处的开始标签中加上id ="ID号"。所谓的锚点链接就是指在本文件内部上下文之间的链接。

1.4.9注释及常用特殊字符标签

注释:<!--注释内容-->
空格:&nbsp
大于:&gt
小于:&lt

猜你喜欢

转载自blog.csdn.net/qq_45807032/article/details/104515345