目录

一.html介绍

二.HTML文档结构

2.1文档申明:

2.2文档的头部:

2.3文档的主体

三.HTML注释

四.HTML属性


一.html介绍

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

标记:

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

二.HTML文档结构

  1. HTML文档是由一系列的元素和标签组成。元素名不区分大小写,HTML用标签来规定元素的属性和它在文件中位置,HTML文档分为头部分和主体两部分,在文档头中对文档进行一些必要的定义,主体部分是文档要显示的信息。
  2. 一个HTML文档基本结构主要由文档声明(<!DOCTYPE html> )、HTML文档(<html>)、文档头部分(<head>)、和文档主体(<body>)四部分组成。
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>Title</title></head>
<body></body>
</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”…… />

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

html语言详细介绍相关推荐

  1. Go语言详细介绍:logo和版本

    一. Go的logo 1.1 Go语言的logo Go语言的logo就是很简洁的GO两个字母. 1.2 Go的吉祥物 Go之所以叫Go,是想表达这门语言的运行速度.开发速度.学习速度(develop) ...

  2. python位运算符_详细介绍Python语言中的按位运算符

    按位运算符是把数字看作二进制来进行计算的.Python中的按位运算法则如下: 按位与 ( bitwise and of x and y ) & 举例: 5&3 = 1 解释: 101 ...

  3. c语言中 的优先级几级,C语言中的操作符优先级的详细介绍

    C语言中的操作符优先级的详细介绍 C语言中操作符的优先级大全, 当然c++, Objective-C,大部分语言都试用. 下面是来自The C Programming Language 2th的总结. ...

  4. C#语言中的重要知识详细介绍

    微软的.NET推出后,关于C#的有关文章也相继出现,作为微软的重要的与JAVA抗衡的语言,C#具有很多优点.本文将选一些C#语言中的重要知识详细介绍: 第一章:参数 1.1 IN 参数 c#种的四种参 ...

  5. 位在c语言中用什么定义,C语言中位段的详细介绍

    C语言中位段的详细介绍 位段(bit-field)是以位为单位来定义结构体(或联合体)中的成员变量所占的空间.含有位段的结构体(联合体)称为位段结构.采用位段结构既能够节省空间,又方便于操作.以下是百 ...

  6. c语言怎样计算栈的长度,C语言 栈的表示和实现详细介绍

    C语言 栈的表示和实现详细介绍 定义:栈是限定仅在表尾进行插入和删除操作的线性表. 栈作为一种数据结构,是一种只能在一端进行插入和删除操作的特殊线性表.它按照先进后出的原则存储数据,先进入的数据被压入 ...

  7. python语言中运算符号_详细介绍Python语言中的按位运算符

    <从问题到程序:用Python学编程和计算>--2.11 补充材料 本节书摘来自华章计算机<从问题到程序:用Python学编程和计算>一书中的第2章,第2.11节,作者:裘宗燕 ...

  8. dsh德语c1等级语言证书,德国留学的语言要求和DSH详细介绍

    德国留学的语言要求和DSH详细介绍 在正式注册开始学习前必须通过在该大学举行的外国学生申请大学入学德语考试(DSH),一次未通过,半年后可复试一次(最多考两次),在一所大学最终未能通过DSH,则不允许 ...

  9. 【C语言五子棋、三子棋人机对战篇的详细介绍】

    C语言--五子棋.井字棋人机对"战" 针对 "[C语言实现五子棋.三子棋人机对战,包含电脑人工智能对战(可攻可守)](非标题党)" 的详细介绍 五子棋.三子棋人 ...

最新文章

  1. 08年度世界最佳照片(三)
  2. make menuconfig 错误
  3. linux畸形文件夹,Linux下简单的缓冲区溢出
  4. 记一次EF Core连接MySql、Oracle
  5. Twitter4j和Esper:在Twitter上跟踪用户情绪
  6. oracle 7 客户端,windows 7环境下配置oracle 11g 客户端
  7. 面试了上百位性能测试后,我发现了一个令人不安的事实
  8. 显示隐藏dataGrid控件的标题栏,改变标题栏高度.
  9. vlookup+match高亮显示行
  10. Frank-Cucumber - Core Frank Steps
  11. 高手进阶!终极内存技术指南
  12. 2021年茶艺师(初级)模拟考试及茶艺师(初级)实操考试视频
  13. Linux内核版本和发行版本的区别
  14. xp任务栏不显示任务 vbs脚本
  15. android spinner,自定义字体大小颜色背景位置
  16. 【minitab实战】--控制图制作
  17. Spring Boot 2.0.0参考手册_中文版
  18. vue2和vue3的参数接受方式以及vue中url参数解码
  19. 计算机专业英语2013影印,计算机专业英语2013影印版unit_5.ppt
  20. java前端提示反射型xss_解决反射型XSS漏洞攻击

热门文章

  1. 终端 控制台 TTY shell 虚拟终端 图形界面终端
  2. HttpsTest使用百度证书检验并访问百度
  3. 到底怎么样才叫看书【转载】
  4. 使用ansible kubectl插件连接kubernetes pod以及实现原理
  5. 17.letterCombinations
  6. 分布式任务调度平台XXL-JOB安装部署
  7. 初三物理光学知识点总结_初二物理光学知识点总结大汇总.doc
  8. java datediff_JAVA中的时间操作(附DATEDIFF函数用法)
  9. 如何用手机在线弹钢琴?
  10. 使用阿里 EasyExcel 读写 Excel 文件