#前端学习笔记#day1

16-20

 

-语义化标签

结构+表现+行为=网页

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

 

-标题标签 h1-h6

H1最重要 h6最不重要

<h1><\h1>

<h2><\h2>

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

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

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

 

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

标题标签都是块元素

 

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

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

<strong></strong>表示强调，重要内容！

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

 

-<q>q是短引用，行内引用

 

 

-<br>标签表示换行

-块元素

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

 

-行内元素

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

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

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

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

 

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

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

 

-<header></header>网站的顶部

-<main></main>表示网页的主体部分(一个网页只有一个)

<footer></footer>表示网页的底部

<nav></nav>表示网页的导航

<aside></aside>不属于主要内容，和主体相关的其他内容

<article></article>独立的文章

<section></section>独立的区块，上面的标签都不能表示时可以使用

<div></div>没有语义，表示一个独立的区块，主要的布局元素

 

-列表(list)

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

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

 

 

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

 

 

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

使用dt来表示定义的内容

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

 

 

列表之前可以相互嵌套

 

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

-超链接

可以是外部页面

    <a href="https://wwww.baidu.com">超链接</a>

也可以是内部页面

　　<a href="index.html"></a>

 

-快捷键

F12可以查看代码

删除当前行 Ctrl + D