1、Html

     HTML是:Hypertext Marked Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。 HTTP超文本传输协议规定了浏览器在运行 HTML 文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的规则和标准。

          HTML文件本质上是文本文件,而普通的文本文件只能显示字符。但是HTML技术则通过HTML标签把其他网页、图片、音频、视频等各种多媒体资源引入到当前网页中,让网页有了非常丰富的呈现方式,这就是超文本的含义——本身是文本,但是呈现出来的最终效果超越了文本。

2、HTML开发代码构成

        html开发,本质上就是编写一个.html格式的文档,最终通过浏览器执行该文档,一个html文档中包含三部分:

 HTML部分   HTML:hyper text markup language

hyper text:超文本,是指写在html文档中,并在网络上传输的 文字、图片、视频、音频 

markup language:标记语言 。所谓标记:就是指由一对尖括号扩起来,当中具有特定英文单词的标识。标记的其他叫法:标签 元素 element。

html文档中只有两种类型的标记

   单标记 :不能存放内容,多是一些功能性的标记 

   双标记 : 有开始有结束,主要功能是存放内容,可以是超文本, 也可以是其他标记 

CSS部分  CSS:cascading style sheet 层叠样式表,

用来对文档中的标签设置样式,从而改变超文本在浏览器上的渲染效果 

JS部分  JS:javaScript,

运行在浏览器端的脚本语言。平时我们看到网页,除了可以看以外,还可以处理一些用 户的交互行为,例如:鼠标的点击,键盘的控制等等。这些功能需要通过JS来完成

3、HTML文件结构

  文档类型声明

    写在html文档的第一行是文档中唯一个非标签字符,起文档说明作用,用来告知浏览器,当前文档是一 个支持html5标准的文档,不可省略,其中最重要的就是当前HTML文档遵循的语法标准。

HTML4版本的文档类型声明是:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML5版本的文档类型声明是:

<!DOCTYPE html>

  根标签

html标签是整个文档的根标签,所有其他标签都必须放在html标签里面。上面的文档类型不能当做普通标签看待。

  头部

head标签用于定义文档的头部,其他头部元素都放在head标签里。头部元素包括title标签、script标签、style标签、link标签、meta标签等等。

  主体

body标签定义网页的主体内容,在浏览器窗口内显示的内容都定义到body标签内。

  注释

描述当前代码功能,代码信息 、编写日期、作者 、维护日期、维护者

HTML注释的写法是:

<!-- 注释内容 -->
<!DOCTYPE html>
<html>
<head>
    <title>百度一下,你就知道</title>
    <meta charset="utf-8">
</head>

<body>
    HTML文档的主要部分,在此标记对之间可包含众多的标记和信息
</body>

</html>

4、HTML语法基本规则

  • 根标签有且只能有一个
  • 标签可以嵌套但不能交叉嵌套
  • 注释不能嵌套
  • 属性必须有值,值必须加引号,单引号或双引号均可
  • 标签名不区分大小写但建议使用小写
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐