html是“超文本标记语言”,主要是通过html标记(标签)对网页中的文本,图片,声音等内容进行语义转化。
服务器本质是一种计算机,也有自己的内存和处理器,用来存储网页文件,包含网页的所有文件,比如html,css,js,图片,视频等。
浏览器是发送http请求,接收回传的数据,渲染网页。
其工作原理:在网址栏输入网址后向服务器发送请求,服务器响应后返回数据到浏览器后渲染。
html标签
整个网页必须被<html></html>包裹,它里面有<head></head>和<body></body>两部分,这两个标签同级
<head></head> 网页的配置
<body></body> 网页的正式内容,浏览器可视区域
标签有一个属性lang,是英语language的意思,表示整个网页的主体语言。
其中en表示英语
在head标签中,是一个个配置文件,几乎所有的配置都是卸载meta标签中的
meta是“元”的意思,表示基本配置
1.配置字符集
<meta charset="UTF-8">
2.视口标签(移动手机端的知识)
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />
等等。
html基本语法
标签
1.标签名必须书写在一对尖括号<>内部。
2.标签分为但标签和双标签,双标签必须成对出现,有开始标签,和结束标签,
3.结束标签必须有关闭符号/
4.根据标签内部存放的内容不同,将不同的标签非为两个级别
常见的单标签:img,br,hr
双标签:h1-h6,div,span,p,a,ul+li
除了分为单标签,双标签之外,还分为容器级:元素内部除了可以放文本之外,还可以嵌套标签
文本级:元素内部只可以存放文本或文本级标签
容器级:div,ol,ul,li,dl,dt,dd,h1-h6
文本级:span,img,b,u,i
标签属性
标签属性是标签身上的一些特殊性质,通俗讲,给标签加上某个属性就相当于给标签赋予了职能,前提是标签必须具备这些职能
1.书写位置:在开始标签或单标签名后面,添加一个空格,空格后面书写属性。
2.属性包含属性名和属性值两部分,根据英文表示,习惯将属性写法称为键值对写法,标签名属性的键值对写法是:k=“v”
标签之间对空白换行缩进不敏感
文字的位置不会根据书写标签位置决定,而是根据标签的种类决定(块级,还是行内级)
1.标签与其他标签之间对空白,换行,缩进不敏感,有没有空白不影响浏览器加载效果
2.html语法中,认识标签的开始和结束,不论有没有换行都只认标签开始和结束
3.标签之间还认识嵌套关系
4.在书写过程中,为了让代码是容易解读,所有建议合理使用缩进和换行
5.在上传代码过程中,为了提高传输速度,可以将代码进行压缩,删除多余空白
文本空白折叠现象
在普通文字之间,如果有空格,换行,缩进导致的空白,在浏览器加载中会被折叠成一个空格显示,这就是空白折叠现象
一些空白要想在浏览器中正常显示,需要使用一些替换写法书写不同的空白
空格:可以使用字符实体替换书写,在代码中书写 替换空格
换行:可以使用br但单标签进行书写