html基本结构和W3C标准

HTML简介和发展

HTML全称：Hyper Text Markup Language(超文本标记语言)
一、什么是html？
HTML是用来描述网页的一种语言，它是一种超文本标记语言，不是我们平常理解的编程语言，仅是一种标记语言（Markup Language）。
二、html发展史（引自百度百科）
https://baike.baidu.com/item/HTML/97049?fr=aladdin
三、为什么要用W3C的标准？
因为早期HTML在各个浏览器之间不互相兼容，导致HTML编码规则混乱，违背了HTML发明的初衷，因此需要一个中立的组织来制定和维护统一的国际化Web开发标准，确保多个浏览器都兼容，由此万维网联盟（World wide Web Consortium）诞生了。
四、什么是W3c标准？
W3C不是某一个标准，而是一系列标准集合。
一个网页主要分为三部分组成，即结构（Structure）、表现（Presentation）和行为（Behavior）。它们对应三种技术，即HTML、CSS、JavaScript。

HTML5文件的基本结构如下：

<!DOCTYPE html><!--doctype 文档类型 doctype后的第一个单词为该文档的根节点-->
<html>
<head>
<!--定义页面参数的-->
    <meta charset = "UTF-8" />
    <title>HTML的第一个案例</title><!--网页的标签部分-->
</head>
<body><!--网页的主体部分-->
    今天天气很差 适合在学校学习！
</body>
</html>

DOCTYPE声明：约束HTML文档结构，检验是否符合相关Web标准，同时告诉浏览器，使用哪种规范来解释这个文档中的代码。DOCTYPE声明必须位于HTML文档的第一行。
title标签：描述网页的标题。
meta:描述网页的摘要信息。
- 字符集：gbk 6700常用的中文字符+阿拉伯数字
- gb2312 16700个常用的中文字符
- gb18030
- utf-8 万维网（W3C）万国码

标签一般都是成对出现的，但是有个别的例外。

基本标签：
    标题标签:<h1> ~ <h6>h1标签的字体最大 h6标签的字体最小。

    段落标签:<p> 段落标签中的文本和后续的文本换行展示。

    换行标签:</br>给文本换行。

    水平线标签:</hr> 在对应文本下出现了一条水平线。

    字体加粗:<strong>使用<storng>标签包裹的字体会加粗。

    斜体：<em>

    特殊字符：
        空格  &nbsp;
        小于号 &gt;
        大于号 &lt;
        版权符号    &copy;
        引号      &quot;

    图像标签：<img src = "图片的路径" alt="指代着代替图片的文字" width="宽" height="高" />

    超链接标签:  <a>标签
                href="链接的超链接的地址"
    锚链接:      target="目标：" _blank 空白
                name="声明锚链接的标记"
    功能性链接
        文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。

五、绝对路径和相对路径？
绝对路径：从系统的根目录开始。
相对路径：从项目的根目录开始。

六、图像标签的用法

<img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度">

HTML 符号（引用的网址）
http://www.runoob.com/charsets/ref-html-symbols.html

七、行内元素和块内元素
块元素特性：无论内容多少，该元素独占一行。（p元素、h元素）
行内元素：内容撑开程度（宽度、左右）都是行内元素的可以排在一行。（strong元素、a元素）

html基本结构和W3C标准

HTML简介和发展

猜你喜欢