HTML标签总结(常用属性代码)

来源:互联网 发布:玉溪鑫科软件 编辑:程序博客网 时间:2024/06/01 20:17

第二章


<html></html>
      作用:网页制作开头和结尾
      常用属性:
       dir:
       lang:
       xml:lang:
       xmlns:

<head></head>
      作用:网页制作的头部
      常用属性:
       profile:

<body> </body>
      作用:网页制作的主体部分
      常用属性:
        background:背景图片
        bgcolor:背景颜色
        alink:鼠标链接时的颜色

<font></font>
      作用: 字体
      常用属性:
        size:字体大小
        color:字体颜色

<title></title>
      作用: 网页的标题
      常用属性:
     
<hr/>
      作用: 水平线标签
      常用属性:
       size: 大小
       width: 宽度
       align:  对齐方式

<meta>
      作用:搜索引擎
      常用属性:
      content:
      http-equiv:
      name:

<h1><h2><h3><h4><h5><h6>
      作用:   标题字体大小
      常用属性:
       color:  标题的颜色

<b>
      作用:  粗体
      常用属性:

<i>
      作用:斜体
      常用属性:

<u>
      作用:下划线
      常用属性:

<sup></sup>
      作用:上标
      常用属性:

<sub> </sub>
      作用:下标
      常用属性:

<tt>
      作用:用等宽字提来显示文本,相当于打字机的效果
      常用属性:

<s>
      作用:删除线
      常用属性:

<p>
      作用:分段落
      常用属性:
      align:对齐方式

<br/>
      作用:换行
      常用属性:

<pre> </pre>
      作用:  自定义格式
      常用属性:

 

第三章
<img>
      作用:  插入 图像
      常用属性:
      align:图片的对齐方式
      border:边框
      src: 指定要插入的位置
      height:设置图片的高度
      width:设置图片的宽度
      alt:代替文本
      vspace:图像的垂直间距
      hspace:图像的水平间距

 

 

第4章
<a href> </a>
      作用: 超链接
      常用属性:

 


第5章
<ul> </ul>
      作用: 无序列表
      常用属性:
      type:

<li></li>
      作用: 列表项
      常用属性:

<ol></ol>
      作用: 有序列表
      常用属性:
      type:

 


第6章
<table> </table>
      作用:表格
      常用属性:
       height:表格高度
       width:表格宽度
       border:表格边框宽度
       cellspacing:表格单元格边距
       cellspadding:表格单元间距

<tr></tr>
      作用:   行
      常用属性:

<td></td>
       作用:   列
       常用属性:
       rowspan:行方向合并
       colspan: 列方向合并
       bgcolor:背景颜色

<th>
      作用:  表格的表头
      常用属性:

 

 

第7章
<form></form>
      作用: 表单
      常用属性:
      id:   表单的名称
      name:   表单的名称
      method:  定义表单结果从浏览器传送到服务器的方法
      action:   用来定义表单处理程序
      enctype:  对表单数据进行编码
      target:设置表单显示目标

<input>
      作用:  文本域
      常用属性:
       type:
       name:
       value:
       maxlength:

<textarea>
      作用:
      常用属性:

 

第8章
<frameset>
      作用:框架
      常用属性:
       border:边框大小
       bordercolor: 边框颜色
       "0"代表不显示边框
        align        可选值为 left, right, top, middle, bottom

 


第10章
CSS的样式
         css样式表:有多个css样式组成了样式表,
         .分内部样式和外部样式;

 

第11章
css选择器:
       1.类 选择器
       2.标签选择器
       3.ID选择器
       4.群选择器
       5.通配符选择器
       6.派生选择器
       7. 锚(a)伪类
       8 .class伪类   
   
      常用属性:
               a :link  未被访问的链接
               a:visited  已被访问过的链接
               a:hover 鼠标悬浮在上的链接
               a:active 鼠标点中激活链接
               bgproperties:固定页面的背景图片

 

 

第12章
<font-family>
      作用: 设置字体
      常用属性:

<font-color>
      作用: 设置字体颜色
      常用属性:
      R:代表红色
      G:代表绿色
      B:代表蓝色

<font-size>
      作用: 修改字号
      常用属性:
      pt(点) ,px(像素),in(英尺),
      cm(厘米),mm(毫米),medium(标准      大小),large(大),x-small(较小)

<font-style>
      作用: 粗体和斜体
      常用属性

      text-decoration  文本修饰属性
      line-height   调整行高

 

 

第13章

 css样式  
      作用: 类选择器
      常用属性:
       background-color  背景色
       background-image  背景图
       background-repeat 背景图属性
       background-position   背景图位置                    background-attachment  背景附件                    background    背景属性

 

 


第14章
css样式    类选择器  
    
      常用属性:
       word-spacing  单词间距
       letter-spacing  字符间距
       vertical-align  垂直对齐
       vertical-align:baseling   基线对齐
       vertical-align:supr(上标)和sub(下标)
       vertical-align:text-top(文本顶端)和       text-bottom(文本底端)
       nowrap(不换行)

 

第15章

    div 块级标签
    border   边框
    border-style   边框样式属性
    border-style:none(没有边框)dotted(虚 线)
    solid(实线)
    border-style:thin(细边框)thick(粗边框)
    border-color 边框色
    margin  边距
    padding  填充
    float  浮动

 

 

第16章

内联标签
    a   链接
    br  换行
    img  图片
    font  字体
   container:容器
    mainNav:主导航
    subNav : 子 导航
   mainBody:页面中部
   keyword:关键字

 

 

第17章

list-style-type:列表的属性取值
常用属性:
      list-style-type:circle      空心圆圈
      list-style-type:disc        实心圆形点
      list-style-type:decimal    十进制数字
      list-style-type:lower-alpha   小写英文字母 a b c
      list-style-type:upper-roman     大写罗马字母 I  II 
      list-style-type:none     无(取消所有的li样式)
      list-style-type:lower-greek     小写希腊字母

list-style-image: 定义列表样式的图片
常用属性:
      list-style-image:url        引用图片的路径
      list-style-image:none     不使用图像

list-style-position:  属性控制项目符号的位置
常用属性:
      list-style-position:outside    显示在文本之外
      list-style-position:inside      显示在文本之内

ist-style:disc  url(img/ab.gif) outside   列表综合属性

 

 


0 0
原创粉丝点击