#前端学习笔记#day1


16-20

-语义化标签

结构+表现+行为=网页

结构由html来负责(标题,内容,头)

-标题标签 h1-h6

H1最重要 h6最不重要

<\h1>

<\h2>

H1在网页中重要性仅次于title,一般情况下只有一个h1

一般我们只会使用到h1-h3,h4-h6很少用

在页面中独占一行的元素叫做块元素(block element)

-

<\p>p标签表示一个段落,p也是块元素

标题标签都是块元素

-

<\hgroup>可以用来给标题分组,可以将一组相关的标题同时放入hgroup

-表示语音语调的加重,不会独占一行,称为行内元素(inline element)

表示强调,重要内容!

-Blockquote是引用模块。块元素。会换行

-q是短引用,行内引用

-
标签表示换行

-块元素

网页一般通过块元素进行布局

-行内元素

行内元素用来包裹文字,文字特殊效果。

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

块元素内基本上什么都能放。

P元素中不能放任何块元素。

-浏览器在解析网页时,会自动对网页中不符合规范的内容进行修正。

Eg: p元素中放置了块元素、标签写在了根元素的外部,根元素中出现了除head,body以外的子元素。根元素(html)

-

网站的顶部

-

表示网页的主体部分(一个网页只有一个)

表示网页的底部

表示网页的导航

不属于主要内容,和主体相关的其他内容

独立的文章

独立的区块,上面的标签都不能表示时可以使用

没有语义,表示一个独立的区块,主要的布局元素

-列表(list)

Html的列表有三种:有序列表、无序列表、定义列表

使用ul标签来创建无序列表

使用ol标签来表示有序列表

使用dl标签来创建一个定义列表

使用dt来表示定义的内容

使用dd来对内容进行解释说明

列表之前可以相互嵌套

在a元素中可以嵌套任何元素,除它自身。

-超链接

可以是外部页面

    超链接

也可以是内部页面

  

-快捷键

F12可以查看代码

删除当前行 Ctrl + D