HTMLCSS日记（一）

HTML超文本标记语言，所谓超文本指的是超链接。HTML使用标签的形式来识别网页中的不同组成部分。

编码和解码所采用的规则称为字符集（charset），如果编码和解码采用的字符集不同就会出现乱码。常见字符集：ASCII、ISO88591、GB2312（中文）、GBK（中文）、UTF-8（万国码，支持世界上所有语言，开发使用的字符集）。

编写HTML网页主体结构：

	
    
    
    
    
    
    
	


    主体部分

    

如果我们要在网页中书写特殊符号，需要使用HTML中的实体（转义字符）。语法：&实体的名字;  例：空格   大于号>  小于号<  版权符号©

标题标签：一共有六级~，重要性递减，h1在网页中的重要性仅次于title，一般情况下一个页面中只会有一个h1。通常标题标签只会使用到h1~h3，h4~h6很少用。

hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup。

blockquote标签表示长引用，

这段话会有一个缩进

。

块元素和行内元素：

在页面中独占一行的元素称为块元素（block element），网页中一般通过块元素对页面进行布局。p标签表示页面中的一个段落，p标签、blockquote标签、标题标签都属于块元素。

行内元素（inline element），行内元素一般用来包裹文字，不会独占一行。em标签用于表示语音的加重，此处显示为斜体；strong标签表示强调，此处字体加粗；q标签表示一个短引用，这句话在网页中显示时会被加上双引号，这几个标签都属于行内标签。

一般情况下会在块元素内放行内元素，而不会在行内元素内放块元素。块元素内基本什么都能放，但p元素中不能放任何的块元素。

浏览器在解析网页时，会自动对网页中不符合规范的内容进行修正，例：标签写在了根元素的外部、p元素中嵌套了块元素、根元素中出现了除head和body以外的子元素... ...

打开网页->右键单击->检查->点击elements，可以查看浏览器在内存中的源码，即修正后的源码。

布局标签（语义化结构标签）：

header标签，表示网页的头部；main标签表示网页的主体部分（一个页面中只有一个）；footer标签表示网页的底部；nav标签表示网页中的导航；aside标签表示和主体相关的其他内容（侧边栏）；article标签表示一个独立的文章；section标签表示一个独立的区块（上述标签都不能表示时使用）；div标签没有语义，仅表示一个区块。除以上的块元素外，还有行内元素span，无语义，一般用于在网页中选中文字。这些标签的显示的样式没有差别，定义样式需要使用CSS。

列表（list），共三种：

有序列表（导航栏）： ...

无序列表（导航栏）： ...

定义列表（二级菜单）：使用dl标签创建一个定义列表，使用dt表示定义的内容，使用dd对内容进行解释说明

	结构
	使用HTML搭建网页的构造
	表现
	使用CSS美化网页的页面
	行为
	使用JavaScript实现网页的功能

超链接：

使用a标签定义超链接：文字描述，我们也可以使用 javascript:; 作为href的属性，此时点击超链接什么也不会发生。超链接是一个行内标签，在a标签中可以嵌套除了自身外的任何元素。target属性：_self，默认值，在当前页面打开超链接；_blank，在一个新的页面中打开网页。

(作者观看的学习视频：B站尚硅谷）