html5 跳转参数不显示_HTML5学习笔记 1|基本操作

这篇博客介绍了HTML5的基础知识,包括超文本标记语言的特性,网页标签的使用,如、等,并讲解了注释、字符集设置、文档声明、元数据设定等。还提到了实体转义字符、标题标签的层级以及块级和行内元素的区别,强调HTML5相对于其他编程语言的简洁性。
摘要由CSDN通过智能技术生成

b站指路:《尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门)》

进度:P17

HTML 超文本标记语言

1、 它负责网页三要素中的结构

2、 使用标签的形式来识别网页中的不同组成部分

3、 超文本指的是超链接

1、 网页的标签往往成对出现,例如和(这俩叫根标签),标签之间的关系往往通过换行和缩进来表现

2、 和标签内部的东西不会被用户所看到,是用来给浏览器识别用的

3、 和,网页中的所有可见的东西都应该写在这里

4、 当中的子标签就是网页的标题

5、

是网页里的一级标题

6、 和标签只有开始标签没有结束标签,也可以写成和,这俩叫做自结束标签

7、 注释:,注释不能嵌套

8、 可以用标签来设置网页的字符集,例如,注意要和notePad++使用的编码一致

9、 这个标签开发时不推荐用(表现相关的这一块由CSS负责)

10、

11、标签用来表示语音语调的一个加重,不会独占一行,叫做行内元素

12、表示强调

13、
标签表示换行

1、 书写格式如下

2、 有些属性没有属性值。如果有属性值,属性值应该使用引号引起来(单双引号不限,配对即可)

1、 用来告诉浏览器当前网页的版本

2、 HTML5的文档声明:写在最开头,不区分大小写

334bb561184f0a4851d3fb53804a828f.png

1、 可以在vs Code里面输入!然后按下Tab键,会自动生成最基本的模板

2、 表示用英文书写,如果是用中文,那么引号内写zh。(设置成英文的话,用Chrome浏览器打开时会询问你是否进行翻译)

3、 Ctrl+enter可以只让光标换行

b36092a18fabb2705bb84db792619d2f.png

1、 meta主要用于设置网页的一些元数据,是给浏览器看的

2、上例的name是指定的数据的名称,而content就是指定的数据的内容,viewport表示网站的关键字

3、description用于指定网站的介绍,会显示在搜索引擎的搜索结果中

4、title的内容会作为搜索结果的超链接上的文字显示

5、

表示页面的重定向,即3s后跳转

1、 ac或者输入多个空格的时候,直接输入无法达到我们的预期效果,所以这个时候就需要使用html当中的实体(转义字符)

2、 实体的语法:&实体的名字;

3、 就表示一个空格,< 大于号,> 小于号,©版权符号

3bc0bb08aa73d58845305ea62334a8d7.png c41fb94fb923d235eb4efd7d45e2c291.png

1、 h1-h6 共有六级标签,重要性递减

2、 h1在网页中的重要性仅次于title,一般情况下一个页面只会有一个h1

3、 一般情况下标题标签只会使用到h1-h3,h4-h6很少使用

4、 如果有大标题和小标题,可以把它放在当中

1、 在页面中独占一行的元素称为块元素

2、 标题标签和p标签都是块元素

3、 在网页中一般通过块元素布局

4、 块元素中基本上什么都能放

1、 在页面中不会独占一行的元素

2、 例如

3、 行内元素主要用来包裹文字

4、 一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素

5、 P元素中不能放任何的块元素

写在后面:

其实我觉得HTML相比于C++来说可能没有那么多复杂的概念,要学的只是一些语法和规则(但也可能是我现在还不清楚的缘故)

之所以要花几分钟码一下推送,果然还是因为如果不这样的话真的很容易走神em

H5系列可能不会码很多(还可能会屯一下一起发)果然还是得尽快入门之后然后去学JavaScript啊qaq

e12ceab7d25d4074ff47c1d4e0c04761.png

IT双侠的咕咕咕日常

排版:咸哥

内容:咸哥

特别鸣谢:尚硅谷

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值