HTML 介绍

一.html介绍

    HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。
    HTML是由WEB的发明
    者 Tim Berners-Lee (蒂姆·伯纳斯·李)和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言(SGML)的应用。
    用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如 , 等)。
    使用HTML,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可以识别的信息,即现在所见到的网页。
    自1990年以来,HTML就一直被用作 的信息表示语言,使用HTML描述的文件需要通过web
    浏览器显示出效果。
    HTML是一种建立网页文件的语言,通过标记式的指令( ),将影像、声音、图片、文字动画、影视等内容显示出来
    事实上,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML指令代码,这些指令代码并不是一种程序语言,只是一种排版网页中资料显示位置的标记结构语言,易学易懂,非常简单。
    HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题,从一个页面跳转到另一个页面,与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。
    HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。
    我们按照规则写网页对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题)
    HTML是一种标记语言(markup language),它不是一种编程语言。
    HTML使用标签来描述网页 。

标记:

    对于刚刚接触超文本的同学来说,一些用 “<”、“>” 包括起来的句子可能很难被理解,它们被称为标记,也叫标签,是用来划分网页元素的,以形成文本的布局、文字的格式。
    标签分为 单标签和双标签 两大类:
    单标签指的是只存在一个标签的写法,如<meta>、<input>
    双标签指的是存在一对标签的写法,如<head></head>、<body></body>等
    在双标签中第一个标签为起始标签,第二个标签为结束标签,结束标签需要在左尖括号后添加一个关闭符 “/”

二.HTML文档结构

    HTML文档是由一系列的元素和标签组成。元素名不区分大小写,HTML用标签来规定元素的属性和它在文件中位置,HTML文档分为头部分和主体两部分,在文档头中对文档进行一些必要的定义,主体部分是文档要显示的信息。
    一个HTML文档基本结构主要由文档声明(<!DOCTYPE html> )、HTML文档(<html>)、文档头部分(<head>)、和文档主体(<body>)四部分组成。

<!DOCTYPE html>
<html lang="zh-CN">
<头部>
<meta charset="UTF-8">
<title>标题</title>
     
</head>
<正文>
     
     
     
</正文>
</html>

2.1文档申明:

<!DOCTYPE>声明必须是HTML文档的第一行,位于<html> 标签之前。

    <!DOCTYPE>声明不是HTML标签,它用于向浏览器说明当前文档是属于哪种HTML或XHTML标准规范。
    必须在开头使用<!DOCTYPE> 为所有的XHTML文档指定XHTML版本和类型,这样浏览器才能将网页作为有效的XHTML文档,并按照指定文档类型进行解析。
    <!DOCTYPE>声明与浏览器的兼容性相关,如果没有<!DOCTYPE>,就由浏览器决定如何展示HTML页面。这时,不同浏览器可能会有多种显示效果,这样是不被允许的。

HTML文档:

    <html>标签位于<!DOCTYPE> 声明之后,作用相当于在告知浏览器这是一个HTML文档。
    <html></html>标签限定了文档的开始和结束点,其中<html>表示网页的开始,</html>表示网页的结束,网页需要展示的所有内容都应该写到<html></html>标签的内部,<html>标签也被称为根标签,指最外层的意思。

2.2文档的头部:

    <head></head>用于定义HTML文档的头部信息。在<html>标签之后。
    文档头内部的标签如下:
    < title>< /title>           定义网页标题
        < style>< /style>        定义HTML文档的样式文件
        < script>< /script>        定义JavaScript或脚本文件
        < link/>                 定义了 一个文档和外部资源之间的关系
        < meta/>        定义网页原信息

一个HTML文档只能有一对<head></head>标签,大部分的文档头部包含的标签数据不会真正作
为内容显示在页面中。

示例:<meta charset="UTF-8">指定网页的编码方式为utf-8。utf-8是一种网页编码规范,可以
同一显示中文简体,繁体及其它语言(如英语、日语、韩语),这样网页就不会出现乱码的情况,属于国际通用的编码方式。

2.3文档的主体

<body></body>包含文档要展示的所有内容,也称为主体标签,网页中显示的文本、超链接、
图片、表格和列表等信息,都必须在<body>内。( 解释内容越少,事越大 )
HTML 语言是不区分大小写的,但是建议文档声明采用大写方式,其它部分都采用小写方式。

三.HTML注释

在编写HTML代码时,经常要在一些关键代码处做一下注释,这样做的好处有很多如:方便理解代
码、方便维护代码及其他程序员理解你所写的代码

<!--注释内容-->

四.HTML属性

在编写HTML网页时,想让网页内容更加丰富,如设置字体大小或颜色,只使用HTML默认的标签
样式已经不能满足需求了,需要对HTML标签的属性加以设置,属性的作用为进一步改善显示效果,各属性之间无先后顺序。语法格式如下:

    <标签名字 属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
    <标签名 属性1=“属性值1” 属性2=“属性值2”…… />

在语法格式中,标签可以有很多个属性,必须写在开始标签中,位于标签名之后。属性与标签之前
需要一个空格隔开,多个属性之间也要用空格隔开。为了养成好的习惯,提倡大家对属性值全部加双引号。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值