HTML 基础概述

网友投稿 682 2022-05-29

1.html 简介

所谓的HTML 就是 HyperText Mark-up Language即超文本标记语言或超文本链接标示语言,它也是一个网页组成的主要语言, HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。

HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

它是由一个个标签组成的,可以把它理解成我们语文中的词组,我们用词组组合后写出作文,同样它的一个个标签就组成了一个网页,这个由HTML写出的网页,经过浏览器的解析,就会是一个我们看到的网页。

可以用文本编辑器编写HTML,然后保存为hello.html,双击或者把文件拖到浏览器中,就可以看到效果。

2.HTML 使用

使用HTML就是使用其元素,那么什么是元素呢?并且都有哪些元素我们要弄清楚

元素:开始标签、内容、结束标签。

我是一个

标题

空元素:开始标签与结束标签之间没有内容的元素称之为空元素。

我的右边是一个空元素

自闭和元素:空元素可以简写成将开始标签和结束标签合二为一。

比如图片标签就是一个自闭和元素

虚元素:只能使用一个标签表示,在其中加内容就是错误的。

HTML 基础概述

比如水平线的标签就是一个虚元素


3.HTML 元素属性

元素属性:用来配置元素,每个元素都能规定自己的属性,属性分为两种,局部属性(local attribute)和全局属性(global attribute)。

注意: 属性只能用在开始标签或单个标签上,不能用于结束标签

这是一段红颜色的文字

例如上面的P段落元素就是用了 color这个属性来改变了字体的颜色

全局属性:用来配置所有元素的共有行为,全局属性可以用在任意一个元素上。

注意:属性值的话 可以用单引号,也可以用双引号,也可以双引号包含单引号,

一个元素可以应用多个属性,这些属性之间以一个或几个空格分割。

布尔属性:这个属性不需要设定一个值,只需要将属性名添加到元素中即可

例如:三种表示形式

属性:disabled是是否阻止用户输入的一个属性

输入成绩:

输入成绩:

输入成绩:

自定义属性:即我们自定定义属性,这种属性必须以data-开头,也叫扩展属性。

例如:

输入成绩:

4.HTML 文档结构

外层结构:外层结构由两个元素构成 DOCTYPE 和 html元素确定,它告诉浏览器,自此之终到heml结束标签所有元素内容痘印作为HTML处理

内容:放在body元素中的,body元素告诉浏览器该显示文档的哪个部分。

元素分类:父元素、子元素、后代元素、兄弟元素,一个元素可以有多个子元素,但是只能有一个父元素。

5.HTML实体

实体:比如我们想在一个网页中打出这样的


的文字显示,如果直接打的话就会以水平线的方式显示,那么这个时候就需要使用实体(相当于java中的转义符)。

例:

注意:实体名称和实体编号 后面要加 分号";"的。

5.HTML 全局属性

html

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:Python搭建脚本环境,配置path环境变量设置超详细步骤
下一篇:FPGA 时序约束系列之周期约束
相关文章