首页 > Web开发 > 详细

html+css第二篇

时间:2019-02-22 01:03:25      阅读:167      评论:0      收藏:0      [点我收藏+]
<img src="图片地址" alt="图片名"/>  图片(单标签)alt属性 是图片名字,是给百度搜索引擎抓取使用;

a标签: 链接/下载/锚点
    target 链接打开方式 
    blank  新窗口
    self     当前窗口
    <base target="_blank"/> 定义页面链接默认打开方式


常见标签
div            块
img           图片(单标签)
a               链接、下载、锚点
h1-h6        标题
p               段落
strong       强调(粗体)
em            强调(斜体)
span          区分样式
ul              无序列表
ol              有序列表
li               列表项
dl              定义列表
dt              定义列表标题
dd             定义列表项
SEO :搜索引擎优化;

部分方法:
a、页面标签语义化;
b、使用对SEO有利的标签:h1/h2/h3/strong/em……
c、提高页面关键词密度;
d、……等等;

SEM:搜索引擎营销;(包含SEO)

选择符号:
id选择符(#)

群组选择符(,)

class选择符(.)

类型选择符(div……)

包含选择符(div p)

通配符(*)

基础选择符的优先级
    类型  <  class  <  id  < style(行间)  < js
    

测试:
    A、#header #div1 .box1 div .section p .link{………………} 
    B、#some .base #font #call a{………………}

A的四个伪类
伪类:伪类用于向被选中元素添加特殊的效果。(元素在特定情况下才具备的。)

        link            未访问(默认)
        hover         鼠标悬停(鼠标划过)
        active         链接激活(鼠标按下)
        visited        访问过后(点击过后)


A四个伪类的顺序:
    link    visited    hover  active
    (love hate 记忆方法!)
a伪类的应用:

a、四个伪类全用(搜索引擎、新闻门户、小说网站)

b、一般网站只用( a{}   a:hover{}  )



IE6不支持a以外其它任何标签的伪类;

IE6以上的浏览器支持所有标签的hover伪类;

 

html+css第二篇

原文:https://www.cnblogs.com/q1359720840/p/10416139.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!