目录
一、结构标签
老网站,例如淘宝、京东等还用div.绝大部分的结构标签都是块元素。
<!-- 网页的头部 -->
<header>头部</header>
<!-- 网页的主体 -->
<main>主体</main>
<!-- 网页的底部 -->
<footer>底部</footer>
<!-- 网页的导航 -->
<nav></nav>
<!-- 网页的侧边栏 -->
<aside></aside>
<!-- 网页的任意部分,没有任何语义 一般是用来代替div-->
<section></section>
<!-- 网页的文章部分 -->
<article></article>、
1.无序列表: 用ul创建,li标签
默认样式:
1、项目符号 小圆点
2、每个列表项前面也有间距
也可以用type属性去更改项目符号
默认是实心小圆点
disc,默认值,实心的圆点
square,实心的方块
circle,空心的圆
2.有序列表ol,也用li标签。
<ol>
<li>
</li>
<li></li>
<li></li>
</ol>
<ul>
<li></li>
<li></li>
<li></li>
</ul>
有序列表
有默认样式:1、加了1.2.3.等项目符号 2、列表项的前面加了一些间距
可以用type属性,更改项目符号
属性值:默认是阿拉伯数字,1,2,3
还可以是a/A/i/I。
3.定义列表 用dl创建 dt表示下定义,dd表示对定义内容的解释。
定义列表 默认样式 dt是顶格写的,dd前面有间距-->
<dl>
<!-- dt下定义 -->
<!-- dd对dt的解释补充 -->
超链接是行内元素,特殊的行内元素,它里面什么都能放,能放块元素,行内元素,行内块元素
除了它自己。
超链接可以是任何内容,可以是一个字,一段文字,图片,表格
功能:
1、从一个页面跳到另一个页面
2、当前页面进行跳转
3、下载
属性
1、href 指定超链接跳转的地址
绝对地址 完整的网址 无论你的超链接在哪里,只要点击,就可以跳到对应的网站
相对地址 本地的页面 跟你的超链接文件的位置有关系
你在的文件跟你要去的文件在同一目录下 ./可以省略,默认是加了./
跳出当前的文件夹,来到上一级目录下
相对路径的跳转方式和很多标签标签的跳转都有关系,例如图片、音视频等等
2、target 指定超链接新开页面的打开方式
可选值:
_self 在当前页面打开超链接
_blank 新开一个页面打开超链接
补充:空链接的写法
<a href="#">空链接</a>
<a href="JavaScript:;">空链接2</a>