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>