必威体育Betway必威体育官网
当前位置:首页 > IT技术

html基本结构和W3C标准

时间:2019-09-18 02:10:00来源:IT技术作者:seo实验室小编阅读:70次「手机版」
 

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元素)

相关阅读

北京理工大学-数据结构期末考试试题(十)

数据结构试卷(十) 一、选择题(24分)1.下列程序段的时间复杂度为( )。i=0,s=0; while (s<n) {s=s+i;i++;}(A)O(n1/2) (B) O(n1/3) (C) O(n)

知乎回应裁员:系谣传,只是正常的人员调整和结构优化

A5创业网(公众号:iadmin5)12月12日消息,近日有消息称知乎进行了大规模裁员,网传裁员规模高达300人,对此知乎回应称,此事系谣传。知乎方

SUAGR糖果手机开启翻译新标准 糖果翻译手机获多国大使

近年来,在翻译市场当中,糖果翻译手机作为一款聚焦翻译功能、致力于解决旅行用户痛点的全球首款翻译手机,赢得了众多国家、媒体和用户

比以太坊的好用,迅雷链TRC三大标准让区块链实际应用更

技术往往是枯燥的,但其作用往往是巨大的。7月6日,在迅雷全球区块链应用大赛总决赛上,迅雷集团CEO、网心科技CEO陈磊正式公布了迅雷链

浅谈网站扁平化结构和纵深化结构

公司有个网站很让我纠结,因为那网站的结构很复杂,我把那网站结构称为纵深化结构。今天我和公司同事程序员练文军聊了关于网站结构的

分享到:

栏目导航

推荐阅读

热门阅读