HTML基础语法与标签详解-优快云博客

本文链接：https://blog.youkuaiyun.com/tian__long/article/details/79136777

一，html基本语法
  1,标签分类
    闭合标签(双标签)：
      成对出现，前边的(<a href="#">)叫做开始标签，后边的(</a>)叫做结束标签，开始标签与结束标签之间的是    内容
      eg：
       <h1>contnt大标题</h1>
    自封闭标签(单标签，自封闭标签)
    单标签没有内容，只有开始标签，结束标签就是开始标签，在开始标签中自行封闭
      eg：
       <meta charset="UTF-8"/>
       <br/>
     在html4.01之前，单标签后边的/是必须写的，但是H5是一个宽松的版本，/可以不写
  2，html5：规范
    html5规范相当宽松，标签不区分大小写(<A></a>),双标签不写结束标签不会报错
    ，但是会有一些小问题,单标签可以不写斜杠没有问题，属性值可以不写引号，
    但是这些在html4.01之前都是不可以的，并且w3c建议大家在H5中都使用小写字母
    写标签
  3，元素的层级关系
   <html>
       <head>
         <title>content</title>
       </head>
      <body>
         <a></a>
         <p></p>
       </body>
</html>
    html是head和body的父亲(父元素)
    head和body是兄弟关系
    a和p是兄弟关系，是body的儿子，是html的孙子。
  4，html注释
    ctrl+/
     <-- 注释 -->
     注释是给程序员看的，告诉程序员这一句代码是什么意思，浏览器不会解析注释，用户是看不到注释内容的，
二，html基础标签
1，a标签
    超链接标签
    语法：
      <a href="http://www.baidu.com" title="百度的说图" target="_self">百度</a>
    a标签的三大属性：
      href:超文本地址(hyper reference),a标签必须要有这个属性，如果没有href，a标签将没有意义，href的值指向     一个网络资源(href文件)
      title:定义鼠标悬浮展示文本，
      target：定义新的文档在哪里打开
        _self:新文档在当前窗口打开
        _blank:新文档在新窗口打开
    1)a标签可以连接跳转到一个网络地址
      eg：
        <a href="htttp://www.baidu.com">百度</a>
    2)a标签可以跳转到我们自己的页面
      eg:
        <a href="02_a标签.html">返回</a>
        <a href="01_html5规范.html">01_html5规范</a>
    3)a标签可以跳转到自己身体的某一个部分
      设置锚点：
       (1)使用id设置锚点，id可以给任何标签设置锚点
         eg：
          <p id="t">content</p>
       (2)使用name设置锚点，name只可以给a标签设置锚点，不能给其他的标签
      设置锚点
        eg：
          <a name="tt">content</a>
    4)a标签可以从一个文档跳转到另一个文档的锚点位置
       eg:
         <a href="03_a标签页内跳转.html#tt">兔兔</a>
        A页面跳转到B页面的锚点位置
    5)a标签可以用于发送电子邮件，前提是电脑安装了电子邮件的软件
       eg：
         <a href="mailto:lisi@163.com">发送电子邮件</a>
    6)a标签可以做伪下载，只能下载压缩包
       eg：
         <a href="images.zip">下载</a>
  2，H标签
     以标题渲染文本，
     标签选择的依据，根据语义选择标签，而不是根据效果选择标签，
     语义:为文本添加标题，标题标签只有6个，H1-H6
     权重:h1最大，以此类推
     H标签是双标签，闭合标签

HTML基本语法