html语言学习笔记

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.在上传代码过程中,为了提高传输速度,可以将代码进行压缩,删除多余空白

文本空白折叠现象

在普通文字之间,如果有空格,换行,缩进导致的空白,在浏览器加载中会被折叠成一个空格显示,这就是空白折叠现象

一些空白要想在浏览器中正常显示,需要使用一些替换写法书写不同的空白

空格:可以使用字符实体替换书写,在代码中书写&nbsp;替换空格

换行:可以使用br但单标签进行书写


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值