zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    Oracle instr() 字符查找函数
    Oracle 中触发器增加存储过程commit问题
    Oracle 记录下jdbc thin client module名称
    sqoop job 实现自动增量导入
    Linux LVM--三种Logic Volume
    Kafka ISR and AR HW 、 LEO
    Kafka Rebalance机制分析
    Kafka 基础操作
    Kafka 通过python简单的生产消费实现
    Kafka为什么速度那么快?该怎么回答
  • 原文地址:https://www.cnblogs.com/youknowUL/p/11318286.html
Copyright © 2011-2022 走看看