• 李生云的专栏作者中国国家地理网 2019-06-15
  • 软件社交功能须设红线 2019-06-15
  • 省国资委关于刘爱兵等具备正高级工程师吴向亚等具备高级工程师专业技术资格的通知 2019-06-13
  • 网红健康险——红在哪 险在哪 2019-06-13
  • 屈原作为一个浪漫诗人的确才华横溢,值得称道,但是他反对统一就得批评。是吧小作? 2019-06-12
  • 《国家人文历史》2018年第10期(总第203期)封面及目录 2019-06-11
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-06-11
  • 命运:乌镇演义宣示网络新时代 2019-06-10
  • 地表最凶残火力 解放军155mm卡车炮曝光 2019-06-10
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-06-09
  • 学习贯彻习近平总书记对脱贫攻坚工作重要指示精神 2019-06-09
  • 8周年!全新米聊开启内测:优化聊天新增连麦小游戏 2019-06-08
  • 人民网旅游3·15投诉平台--旅游频道 2019-06-07
  • “退休的违纪违法者”难逃终身追责 2019-06-07
  • 中共山西省委组织部公示 2019-06-06
  • ?
    欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:香港买马资料大全 > HTML >

    HTML基础必学列表

    HTML 之简介

    香港买马资料大全 www.ziixf.tw  

    HTML 实例

    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

    HTML 之简介

    实例解析

    • DOCTYPE 声明了文档类型

    • 位于标签 <html> 与 </html> 描述了文档类型

    • 位于标签 <body> 与 </body> 为可视化网页内容

    • 位于标签 <h1> 与 </h1> 作为一个标题使用

    • 位于标签 <p> 与 </p> 作为一个段落显示

    HTML 之简介 <!DOCTYPE html> 在HTML5中也是描述了文档类型。

    什么是HTML?

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

    • HTML 指的是超文本标记语言: HyperText Markup Language

    • HTML 不是一种编程语言,而是一种标记语言

    • 标记语言是一套标记标签 (markup tag)

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

    • HTML 文档包含了HTML 标签文本内容

    • HTML文档也叫做 web 页面

    HTML 之简介

    HTML 标签

    HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

    • HTML 标签是由尖括号包围的关键词,比如 <html>

    • HTML 标签通常是成对出现的,比如 <b> 和 </b>

    • 标签对中的第一个标签是开始标签,第二个标签是结束标签

    • 开始和结束标签也被称为开放标签和闭合标签

    <标签>内容</标签>

    HTML 元素

    "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

    但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

    HTML 元素:

    <p>这是一个段落。</p>

    Web 浏览器

    Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。

    浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:

    HTML 之简介

    HTML 网页结构

    下面是一个可视化的HTML页面结构:

    <html>

    <head>

    <title>页面标题</title>

    </head>

    <body>

    <h1>这是一个标题</h1>

    <p>这是一个段落。</p>

    <p>这是另外一个段落。</p>

    </body>

    </html>

    HTML 之简介 只有 <body> 区域 (白色部分) 才会在浏览器中显示。

    HTML版本

    从初期的网络诞生后,已经出现了许多HTML版本:

    版本 发布时间
    HTML 1991
    HTML+ 1993
    HTML 2.0 1995
    HTML 3.2 1997
    HTML 4.01 1999
    XHTML 1.0 2000
    HTML5 2012
    XHTML5 2013

    <!DOCTYPE> 声明

    <!DOCTYPE>声明有助于浏览器中正确显示网页。

    网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

    doctype 声明是不区分大小写的,以下方式均可:

    <!DOCTYPE html>

    <!DOCTYPE HTML>

    <!doctype html>

    <!Doctype Html>

    通用声明

    HTML5

    <!DOCTYPE html>

    HTML 4.01

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

    "//www.w3.org/TR/html4/loose.dtd">

    XHTML 1.0

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    查看完整网页声明类型 DOCTYPE 参考手册。

    HTML 之简介

    中文编码

    目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8。

    HTML 实例

    <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>页面标题</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

    如需转载,请注明文章出处和来源网址://www.ziixf.tw/html/h50840.shtml

    我要分享到:

    必备CSS教程 Essential CSS Tutorials

    必备HTML基础教程 Essential HTML Tutorials

     

    如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    香港买马资料大全文章修订日期:2018-09-09 06:54 原创:香港买马资料大全
    本文香港买马资料大全 www.ziixf.tw DIVCSS5版权所有。

  • 李生云的专栏作者中国国家地理网 2019-06-15
  • 软件社交功能须设红线 2019-06-15
  • 省国资委关于刘爱兵等具备正高级工程师吴向亚等具备高级工程师专业技术资格的通知 2019-06-13
  • 网红健康险——红在哪 险在哪 2019-06-13
  • 屈原作为一个浪漫诗人的确才华横溢,值得称道,但是他反对统一就得批评。是吧小作? 2019-06-12
  • 《国家人文历史》2018年第10期(总第203期)封面及目录 2019-06-11
  • 如何保持胃肠道健康年轻态 来听听这位消化科医生球迷的经验 2019-06-11
  • 命运:乌镇演义宣示网络新时代 2019-06-10
  • 地表最凶残火力 解放军155mm卡车炮曝光 2019-06-10
  • 瑞典南部城市发生枪击案致5人伤 警方:与恐袭无关 2019-06-09
  • 学习贯彻习近平总书记对脱贫攻坚工作重要指示精神 2019-06-09
  • 8周年!全新米聊开启内测:优化聊天新增连麦小游戏 2019-06-08
  • 人民网旅游3·15投诉平台--旅游频道 2019-06-07
  • “退休的违纪违法者”难逃终身追责 2019-06-07
  • 中共山西省委组织部公示 2019-06-06
  • 霍芬海姆老板 狼队足球俱乐部 维戈塞尔塔vs皇家贝蒂斯 吉林新快3走势图 柏林赫塔二队 德黑兰独立对阿卜扎比 法兰克福国际机场 阿森纳队员名单 广西快乐十分开奖 上海那不勒斯飞机票