美文网首页
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基础教程

    HTML简介 HTML是用来描述网页的一种语言。 HTML 指的是超文本标记语言(Hyper Text Marku...

  • HTML基础

    1.学习 《HTML 基础教程》:http://www.w3school.com.cn/html/index.as...

  • Python爬虫小分队二期学习进展:第一天

    HTML语法学习 参考资料:HTML 基础教程 学习的内容 了解html文档的基本结构 标签的写法,常用标签 HT...

  • 前端学习资料

    前端 Html+CSS+JS Web前端开发之HTML+CSS精英课堂【渡一教育】 Web前端开发之JavaScr...

  • web学习之css基础教程

    一、CSS简介 需要具备的基础知识 在继续学习之前,你需要对下面的知识有基本的了解:HTMLXHTML CSS 概...

  • web学习之xhtml基础教程

    一、XHTML简介 XHTML 是更严格更纯净的 HTML 代码。 XHTML 是什么? XHTML 指可扩展超文...

  • HTML&CSS学习笔记 -- CSS(一)

    目录: 学习资料: 尚硅谷前端HTML5视频_HTML & CSS 核心基础教程(103集实战教学,从入门到精通)...

  • HTML&CSS学习笔记 -- CSS(二)

    学习资料: 尚硅谷前端HTML5视频_HTML & CSS 核心基础教程(103集实战教学,从入门到精通) 一、 ...

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • HTML&CSS学习笔记 -- CSS(四)

    学习资料: 尚硅谷前端HTML5视频_HTML & CSS 核心基础教程(103集实战教学,从入门到精通) 一、定...

网友评论

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

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