#前端学习笔记#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