html标签

  1. a标签/span标签

a标签:链接、下载、锚点

a标签四个伪类:link、visited、hover、active/包含选择器

span标签:区分样式“

<body>

<a href="http://www.baidu.com">百度</a>  

</body>

link:未访问链接初始颜色

hover:鼠标移入

active:按下不动

visited:访问过后的链接颜色

<style>

a:link{

color:red;

}

a:visited{

color:pink;

}

a:hover{

color:red;

}

a:active{

color:plum;

}

</style>

  1. span标签

<style>
a{
color:blue;
text-decoration:none;
}
span{
color:red;
}
</style>
</head>

<body>
<a href="http://www.baidu.com">
<span>百</span>度</a>

</body>

  1. 常见标签 a标签

<header></header>页眉 ,主要用于页面的头部信息介绍,也可用于板块头部

<nav></nav>导航(包含链接的一个列表)

<nav><a href="#">链接</a><a href="#">链接</a></nav>

<footer></footer> 页脚 页面的底部或者板块底部

<section></section>页面上的板块,用于划分页面上的不同区域或者划分文章里不同的节

<article></article>用来在页面中表示一套完整且独立的内容部分

<aside></aside>元素标签可以包含与当前页面或主要内容相关的引用、侧边栏、广告、nav元素组,以及其他类似的有别于主要内容的部分

<time></time>用来表现时间或日期

<p>我们在早上<time>9:00</time>开始营业。</p>参数

<p>我在<time datetime="2020-09-08">情人节</time>有个约会</p>

 

  1. 常见标签 h 标签 h1到h6 标题

<h1>标题-logo</h1>    最好只有一个h1

<h2></h2>

<h3></h3>

<p>段落</p>

<strong>强调加粗</strong>

<em>斜体</em>

<ul>                                                                                                                                                                                                                                                                                      

  <li>ul-无序列表</li>   <li>列表项    ul下一级只能是li

</ul>

<ol>

<li>ol-有序列表</li>    <li>列表项    ul下一级只能是li

</ol>

<dl>

<dt>自定义列表 dt 自定义列表title</dt>   只能有一个

<dd>自定义列表的列表项</dd>                可以有多个

</dl>

<mark>标记</mark>

  1.  css reset

哪些样式需要重置?---border  margin  padding

例如::

<style>

body,h1,h2,h3,h4,h5,h6{

margin:0

}

ul,ol{

margin:0;

padding:0;

list-style:none

}

img{

border:none;

vertical-align:top;

}

</style>

<body>

<a href=" ">超链接</a>

<a href=" ">

<img src ="img/1.jpg" alt =" "/>

</body>

 

posted @ 2018-10-25 14:08  yyyangel  阅读(136)  评论(0编辑  收藏  举报