第17集
块元素,网页中一般是对块进行布局
行内元素主要是用来包裹文字,设置特殊效果
一般情况下会在块元素放行内元素。
不会再行内元素放置块元素。
p元素内不能放任何块元素。段落里面不能放h元素。
浏览器可以自动帮助解析网络。
第18集
布局标签,语义化布局,结构化语义标签。
快标签介绍<header>
表示网页上面的部分.
<main>
表示网页的主体部分。就是网页头部下面的部分。一个网页中只有一个main部分。<footer>
表示网页的底部,就是footer。都是h5新增的,并不是用的那么多。
<nav>
表示网页中的导航。<aside>
表示和主体相关的其他内容。表示侧边栏。<articale>
表示文章。<section>
表示一个独立的区块,上面的标签都不能表示时使用section。
一般div用的最多。一般是div就是没什么意思,表示一个单独的区块。
<span>
是一个行内元素,没有任何语义,一般在网页内选中元素。
第19 集
列表
html中也可以创建列表。html中列表一共有三种。
1.有序列表
2.无序列表
3.定义列表
有顺序的列表使用ul标签来无序列表使用
使用li表示列表项目
<ul>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ul>
有序列表
<ol>
<li>结构</li>
<li>表现</li>
<li>行为</li>
</ol>
定义列表,使用dl来创建一个定义列表,使用dt来表示定义的内容。使用dd对内容进行结束说明
<dl>
<dt>结构</dt>
<dd>结构表示网页的结构,结构用来定义网页中那些是标题,那些是段落。</dd>
</dl>
列表之前可以互相嵌套
第20集
超链接,让我们从一个页面跳转到其他页面,或者当前页面的其他位置。使用a标签来定义超链接
<a>超链接</a>
是行内元素,虽然是行内元素,但是可以放置除了自身外的任何元素。标签里面属性herf=“网址”
<a href=“http:www.baidu.com” >超链接</a>
红色表示访问过,蓝色表示没有。网页可以一个外部网站的地址。也可以是内部网站的地址。
第21集
地址有两种第一种是绝对路径,另外一个是相对路径。,当我们要跳转到服务器内部情况下,一般是选择相对路径
相对路径一般时./或者…/
./可以省略不写,如果不写./也可以…/则相当于写了./.就是当前的路径。…/表示当前目录的上一级去找。
第22集