HTML基本语法

一,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标签是双标签,闭合标签
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值