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的文档声明:写在最开头,不区分大小写
1、 可以在vs Code里面输入!然后按下Tab键,会自动生成最基本的模板
2、 表示用英文书写,如果是用中文,那么引号内写zh。(设置成英文的话,用Chrome浏览器打开时会询问你是否进行翻译)
3、 Ctrl+enter可以只让光标换行
1、 meta主要用于设置网页的一些元数据,是给浏览器看的
2、上例的name是指定的数据的名称,而content就是指定的数据的内容,viewport表示网站的关键字
3、description用于指定网站的介绍,会显示在搜索引擎的搜索结果中
4、title的内容会作为搜索结果的超链接上的文字显示
5、
表示页面的重定向,即3s后跳转
1、 ac或者输入多个空格的时候,直接输入无法达到我们的预期效果,所以这个时候就需要使用html当中的实体(转义字符)
2、 实体的语法:&实体的名字;
3、 就表示一个空格,< 大于号,> 小于号,©版权符号
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
IT双侠的咕咕咕日常
排版:咸哥
内容:咸哥
特别鸣谢:尚硅谷