htm相关

Posted 2021-01-06 --kai

web指引

结构标准:相当于人的身体,html就是用来制作网页的

表现标准:相当于人的衣服,css是对网页进行美化的

行为标准:相当于人的动作,JS就是让网页动起来,具有生命力的

HTML介绍

html全称Hyper Text Mackeup Language,译为超文本标记语言,它不是一种编程语言,是一种描述性的标记语言,用于描述超文本内容的现实方式,比如字体,颜色,大小等

超文本:音频,视频,图片

标记:<英文单词或字母>称之标记,一个HTML页面都是由各种标记组成

作用:HTML是负责描述文档语义的语言

注意:HTML语言不是一个编程语言(有编译过程),而是一个标记语言(没有编译过程),HTML页面直接有浏览器解析执行,HTML中除了语义,其他什么都没有

HTML中的网络术语

网页:有各种标记组成的一个页面就叫网页

主页(首页):一个网站的起始页或者导航页面

标记:<p>称为开始标记,</p>称为结束标记,也叫标签,每个标签都规定好了特殊的意义

元素:<p>内容</p>称为元素

属性:给每一个标签所做的辅助信息

HTML的规范

一个弱势语言

不区分大小写

后缀名为html或者htm

组成结构:

声明部分:用来告诉浏览器要使用哪个标准

head部分:将页面的一些额外信息告诉服务器,不会显示在页面上

body部分:我们所写的代码必须放在此标签内

编写规范

所有标记元素都要正确的嵌套,不能交叉嵌套,正确写法:<h1><font></font></h1>

标记必须小写

标记都必须关闭

双边标记:<span></span>

单边标记:<br>转成<br />,<hr>转成</hr>,<img src = "URL" />

属性值必须加引号,<h1 id="head"></h1>

属性必须有值.<input type="radio" checked="checked" />

基本语法特征

对换行/tab不敏感

HTML只在乎标签的嵌套结构，嵌套的关系。谁嵌套了谁，谁被谁嵌套了，和换行、tab无关。换不换行、tab不tab，都不影响页面的结构。

也就是说，HTML不是依靠缩进来表示嵌套的，就是看标签的包裹关系。但是，我们发现有良好的缩进，代码更易读。要求大家都正确缩进标签。

空白折叠现象

所有文字之间,如有空格,换行,tab都将折叠尾一个空格显示

标签要严格封闭

结构详解