zoukankan      html  css  js  c++  java
  • HTML 001 入门介绍

    HTML 教程- (HTML5 标准)

    超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。

    您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。

    在本教程中,您将学习如何使用 HTML 来创建站点。

    HTML 很容易学习!相信您能很快学会它!

    HTML 实例

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

    HTML文档的后缀名

    • .html
    • .htm

    以上两种后缀名没有区别,都可以使用。

    实例解析

    <!DOCTYPE html> 声明为 HTML5 文档
    <html> 元素是 HTML 页面的根元素
    <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
    <title> 元素描述了文档的标题
    <body> 元素包含了可见的页面内容
    <h1> 元素定义一个大标题
    <p> 元素定义一个段落
    注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。

    什么是HTML?

    HTML 是用来描述网页的一种语言。
    
    HTML 指的是超文本标记语言: HyperText Markup Language
    HTML 不是一种编程语言,而是一种标记语言
    标记语言是一套标记标签 (markup tag)
    HTML 使用标记标签来描述网页
    HTML 文档包含了HTML 标签及文本内容
    HTML文档也叫做 web 页面

    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页面结构:

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

    HTML版本

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

    <!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"
    "http://www.w3.org/TR/html4/loose.dtd">
    XHTML 1.0
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  • 相关阅读:
    1104 Sum of Number Segments (20 分)(数学问题)
    1092 To Buy or Not to Buy (20 分)(hash散列)
    1082 Read Number in Chinese (25 分)(字符串处理)【背】
    1105 Spiral Matrix (25 分)(模拟)
    初识网络安全及搭建网站(内网)
    HTML5开发者需要了解的技巧和工具汇总(转)
    native+web开发模式之web前端经验分享
    移动平台3G手机网站前端开发布局技巧汇总(转)
    Asp.net 中图片存储数据库以及页面读取显示通用方法详解附源码下载
    使用H3Viewer来查看VS2010的帮助文档
  • 原文地址:https://www.cnblogs.com/jkfeng/p/11974609.html
Copyright © 2011-2022 走看看