海科SEO顾问为您快速优化网站,网站SEO优化 营销型网站建设第一品牌!
189-3859-6332

轻松、简单、快速!值得信赖的SEO顾问服务。

专业 敬业 职业  

您现在的位置:首页 > 官方视频教程 > 海科官方Html视频教程 >

XHTML标签与属性 学XHTML必看

人气: 发表时间:2017-06-04 13:49

  标签名
  
  作用
  
  举例
  
  div
  
  可将文档分割为多个区域模块,多用于网页布局
  
  有序列表                   无序列表
  <ol>                         <ul>
   <li>第一个项目<li>    <li>项目</li>
  <li>第二个项目<li>     <li>项目</li> 
  </ol>                        </ul>
  
  Ul,ol,li
  
  用来实现普通的项目列表,分别用来显示有序列表和无序列表
  
  blockquote
  
  文本左右两端缩进
  
  

< blockquote  >

  <p>引用的文本内容</p>
  

</ blockquote  >

  
  h1-h6
  
  用于创建网页中的标题。H1最大,h6最小
  
  

 

  
  hr
  
  用于网页中插入一条水平分隔线
  
  

 

  
  p
  
  用于显示段落。在默认状态下,段首会空两格
  
  

 

  
  table,tr,td,th
  
  table用于表格外框,tr用于表格中的一行
  td表示一个单元格,th表头单元格
  
  

 

  
  a
  
  用于表示超链接
  
  <a href=“#”>书签</a>
  
  img
  
  定义插入图片的对象
  
  <img alt=“1” src=“#”>
  




  标签名
  
  作用
  
  举例
  
  font
  
  改变字体大小与颜色
  
  

<font size=12  color=red>

  
  br
  
  换行
  
  

 

  
  b
  
  字体加粗
  
  

 

  
  i
  
  斜体字
  
  

 

  
  del
  
  词中加划线表示删除
  
  

 

  
  caption
  
  标题
  
  

 

  
  Iframe
  
  页内框架
  
  

 

  
  align
  
  居中
  
  

 

  
  

 

  
  

 

  
  

 

  


CSS的选择器



  类别
  
  举例
  
  用法
  
  类选择器
  
  .abc{---}
  
  可多次使用
  
  ID选择器
  
  #div{---}
  
  只能使用一次
  
  标签选择器
  
  a{---}
  
  可多次使用
  
  伪类选择器
  
  a:link{---}
  
  如下
  


  CSS2.0规则中的伪类选择器
  
  伪类
  
  作用
  
  active
  
  鼠标按下未释放的样式
  
  focus
  
  被使用Tab键选中时的样式
  
  hover
  
  鼠标滑过时的样式
  
  link
  
  未访问过的样式
  
  visited
  
  已访问过的样式
  
  first-child(letter,line)
  
  设置对象的第一个子对象(字,行)的样式
  
  lang
  
  设置网页中某对象的语言
  


标签属性与值

  标签
  
  作用
  
  值
  
  heigh
  
  高度
  
  px
  
  width
  
  宽度
  
  px
  
  font-size
  
  字体大小
  
  px
  
  font-style
  
  字体样式
  
  italic(斜体),oblique(倾斜字体),normal(默认值)
  
  font-family
  
  字体类型
  
  宋体,--
  
  font-weigh
  
  粗细程度
  
  normal(默认值),bold(粗体),bolder(比默认粗一些),lighter(比默认细一些)
  
  font-width
  
  

 

  
  

 

  
  color
  
  字体颜色
  
  red,#ffffff
  
  margin
  
  段落边距
  
  px
  


  标签
  
  作用
  
  值
  
  text-decoration
  
  文本修饰
  
  none(默认值),blink(闪烁),underline(下划线),line-through(贯穿线),overline(上划线)
  
  line-heigh
  
  行高属性
  
  px
  
  text-indent
  
  首行缩进
  
  px,em(可为负值)
  
  text-align
  
  水平对齐方式
  
  left(左对齐),right(右对齐),center(居中对齐),justify(两端对齐)
  
  writing-mode
  
  文本流动方向
  
  lr-tb(水平自左向右,字符垂直向上),tb-rl(垂直自上向下,全角字符垂直向上,半角字符顺时针旋转90 度)
  
  direction
  
  控制文本流动方向
  
  ltr(自左向右),rtl(自右向左),inherit(自父对象继承获得)
  
  word-break
  
  控制文本的字内换行
  
  normal(允许在词间换行),break-all,keep-all(见p94)
  
  list-style-image
  
  设置网页中项目列表的自定义项目符号样式   分别为none和url
  
  list-style-position
  

 

  
  设置项目列表符号的排列位置 outside和inside
  


Vertical-align网页对象的垂直对齐方式属性值
  属性
  
  说明
  
  auto
  
  根据文本流动方向设置对齐方式
  
  baseline
  
  默认值
  
  sub
  
  垂直对齐文本的底部
  
  super
  
  垂直对齐文本的顶部
  
  top
  
  与顶端对齐
  
  text-top
  
  文本与对象顶端对齐
  
  middle
  
  内容与对象中部基线对齐
  
  bottom
  
  对象与对象底部对齐
  
  text-bottom
  
  对象文本与对象底部对齐
  


List-style-type属性值


  属性值
  
  说明(项目列表符号)
  
  dis 
  
  默认值,实心圆
  
  circle
  
  空心圆
  
  square
  
  实心方块
  
  decimal
  
  阿拉伯数字
  
  lower-roman
  
  小写罗马数字
  
  upper-roman
  
  大写罗马数字
  
  lower-alpha
  
  小写英文数字
  
  upper-alpha
  
  大写英文数字
  
  none
  
  不使用
  




一些特殊标签


hidde=“ture”用于影藏音乐播放器
wmode transparent用于使flush文件透明
边框属性值:none无边框,dotted点划线,dashed虚线边框,solid实线边框,double双线边框。
Position属性值:static默认值,禁止绝对定位。Absolute绝对定位,以父对象为参考,无父对象时以body为对象。fixed固定定位,直接以body定位。relative相对定位,定位对象不可重叠。z-index在绝对定位时,用于叠加顺序 。 



  

属性名

  
  

作用与含义

  
  

取值

  
  

font-family

  
  

字体

  
  

本机具有的字体

  
  

font-size

  
  

大小

  
  

像素值(*px)

  
  

font-weight

  
  

粗细

  
  

normal bold  bolder lighter

  
  

font-style

  
  

倾斜样式

  
  

normal italic  oblique

  
  

line-height

  
  

行高

  
  

normal或像素值

  
  

text-decoration

  
  

修饰

  
  blink underline 
  

line-through(删除线)

  
  

letter-spacing

  
  

字母间隔

  
  

像素值

  
  

word-spacing

  
  

单词间隔

  
  

像素值

  
  

text-indent

  
  

段落首行缩进

  
  

像素值

  
  

text-align:  right

  
  

文字对齐

  
  

left right  center

  



XHTML标签与属性由海科SEO顾问整理,学XHTML必看!
本帖的地址:http://www.se-o.cn/jiaocheng/html/2017/0604/1295.html
本文来自海科SEO(www.se-o.cn)整理编辑,转载本站文章请注明出处。