美文网首页
Web学习之HTML基础教程

Web学习之HTML基础教程

作者: HDhandi | 来源:发表于2018-05-31 21:01 被阅读0次

    HTML简介

    • HTML是用来描述网页的一种语言。

    • HTML 指的是超文本标记语言(Hyper Text Markup Language)

    • HTML 不是一种编程语言,而是一种标记语言(markup language),标记* 语言是一套标记标签(markup tag)

    • HTML 使用标记标签来描述网页。

    • 标签的语法 标签由英文尖括号<和>括起来,如<html>就是一个标签。html中的标签一般都是成对出现的,分 开始标签 和 结束标签 。结束标签比开始标签多了一个/。标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。另外html不区分大小写,一般建议用小写。

      <!-- 一个最基本的HTML页面-->
      <!DOCTYPE html>
      <html>
      <head>
          <meta charset = "UTF - 8">
          <title>网页标题</title>
      </head>
      <body>
          <h1>网页正文</h1>
      </body>
      </html>
      

    标签

    • HTML中的标记指的就是标签。

    • HTML使用标记标签来描述网页。

    • 结构:

      <标签名>标签内容</标签名>
      </标签名>
      

    元素

    • 我们还将一个完整的标签称为元素。

    • 这里我们可以将元素和标签认为是一个同一词。

      <h1>一级标题</h1>
      

    上边的h1我们就称为元素

      <p>我是一个<em>段落</em></p>
    

    p也是一个元素,em是p的子元素,p是em的父元素。

      <body>
          <p><em>内容</em></p>
      </body>
    
    • body 也是一个元素。
    • body 是p和em的祖先元素。
    • p 和em是body的后代元素。

    属性

    • 可以为HTML标签设置属性。

    • 通过属性为HTML元素提供附加信息。

    • 属性需要设置在开始标签或自结束中。

    • 属性总是以名称/值对的形式出现。

    • 比如:name = 'value'

    • 有些属性可以是任意值,有些则必须是指定值。

      <h1 title='我是一个标题'>标题</h1><img src=''' alt=''/>
      

    常见属性

    • id

    -id属性作为标签的唯一标识,在同一个网页中不能出现相同的id属性值。

    • class

    -class属性用来标签分组,拥有相同class属性的标签我们认为就是一组,可以出现相同的class属性,可以为一个元素指向多个class。

    • title

    -title属性用来指定标签的标题,指定title以后,鼠标移动到元素上方时,会出现提示文字。

    注释

    • HTML注释中的内容不会在网页中显示。

    • 格式:

      <!--注释内容-->
      
    • 合理使用注释可以帮助开发人员理解网页的代码。

    • 注释不能嵌套!!!

    相关文章

      网友评论

          本文标题:Web学习之HTML基础教程

          本文链接:https://www.haomeiwen.com/subject/dxlcsftx.html