HTML简介

HTML简介:

  • HTML是用来描述网页的一种语言;
  • HTML指的是超文本标记语言(Hyper Text Markup Language);
  • HTML不是一种编程语言,而是一种标记语言(markup language),是纯文本;
    • "超文本"就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素;
    • "标记语言"是一套标记标签,我们用这些标签来进行文本的标记,用来描述网页。
  • HTML文档包含HTML标签和纯文本。
  • HTML文档也叫做web页面。

超文本标记语言是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分,正因为有规则,浏览器才知道怎样去解读你的文件,但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。兼容问题

HTML标签

html中我们用标签来进行标记,HTML标记标签通常被称为HTML标签(HTML tag)。

【标签语法】

  • 标签:由成对的尖括号和标签名组成,例如<p>内容</p>
  • 标签名:是已经规范过的,不是自己随便制造的。
  • HTML通常是成对出现的,第一个是开始标签,第二个是结束标签,例如<div></div>
  • 标签分为闭合标签和空标签(自闭合标签)
    • 闭合标签:由开始标签和结束标签组成,标签之间可以放内容,可以进行标签之间的嵌套。
    • 空标签(自闭合标签):没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的,例如<br>

标签一般小写,闭合标签一定要有结束标签,空标签没有结束标签,不要手动去添加闭合标签。

 HTML标签属性

属性是HTML元素提供的附加信息。

  •  HTML标签可以拥有属性,属性提供了有关HTML元素的更多的信息。
  • 属性总是以属性名/属性值的形式出现,多个属性名/属性值之间用空格隔开,比如:name="value"。
  • 属性总是在HTML元素的开始标签中,标签名后面的内容。

HTML属性常用引用属性值

  • 属性值应该始终被包括在引号内。
  • 双引号是最常用的,不过使用单引号也没有问题。

例如:

<img width="100%" src="//mat1.gtimg.com/pingjs/ext2020/qqindex2018/dist/img/qq_logo_2x.png" alt="腾讯网" titile="腾讯网">

  • src="" 放图片的路径地址;
  • alt="" 图片路径加载失败或者图片丢失时,图片的描述说明文字内容;
  • title="" 鼠标移动到图片上的文字描述说明内容。

<a href="#" target="_blank">

  • href="" 超链接要跳转的路径地址;href="#" 无链接跳转;href="javascript:;" 禁止a标签默认链接跳转的行为
  • target="_blank" 在新窗口打开链接地址;target="_self" 在当前窗口打开链接地址。

 HTML标签属性和CSS样式属性的区别

 HTML标签属性 bgcolor="red",不是任意HTML标签都具有该属性,div标签没有该属性,body标签有bgcolor属性。

 HTML标签共有属性如文本居中align="center"

1.HTML标签属性 语法:属性名=“属性值” align="center"

<div align="center">文本居中显示</div>

2.CSS行内式写法 text-align:center 项目中常用CSS样式属性

<div style="text-align:center">文本居中显示</div>

原文地址:https://www.cnblogs.com/youknowUL/p/11318286.html