码迷,mamicode.com
首页 > Web开发 > 详细

20150916html前端部分

时间:2015-09-17 00:53:24      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:

1、html(超文本标记语言)结构:

<html>   <head>     <title>标题</title>   </head>   <body>     主体     </body> </html>

 

2、版面控制标记:

  换行:<br/>

  段落:<p></p>

  水平线:<hr>  (  粗细: size; 宽度:width; 水平位置:align; 颜色:color  )

  空格:&nbsp;

  居中:center

 

3、标题文字:

  标题:<hn></hn>

  文字:粗体 b; 斜体 i; 下划线 u; 删除线 s; 上标 sup; 下标sub

 

4、body标签属性:

  背景颜色:bgcolor

  背景图片:background

  文字颜色:text

 

5、列表:

(1)有序列表:     <ol>       <li>编号1</li>

      <li>编号2</li>     </ol>    

    编号形式:type=1 或 a 或 A 或 i 或 I

    开始序号:start=n(只能是数字)

(2)无序列表:     <ul>       <li>项目符号</li>

      <li>项目符号</li>     </ul>

    符号形式:type=circle(圆圈) 或 disc(点) 或 square(方框)

    去掉前面的符号:list-style-type:none;

 

  (3)列表嵌套的正确写法

    <ul>

      <li>选项1</li>

      <li>选项2

        <ol>

          <li>选项2-1</li>

          <li>选项2-2</li>

        </ol>

      </li>

    </ul>

    PS:请注意,当“选项2”内部有嵌套表格时,它后面的</li>并不是直接写在“选项2”后面,而是写在它内部嵌套表格的后面!

 

6、表格:

  (1)表格布局:    

    <table>

    <caption>表格标题</caption>

      <tr><th>表头1</th><th>表头2</th></tr>

      <tr><td>列表1</td><td>列表2</td></tr>

    </table>

 

  (2)表格属性:width、height、border、cellspacing、cellpadding、bordercolor、bgcolor、align

           宽   高   边框  内框宽度  文字到边框距离 边框颜色  背景色 水平位置

 

  (3)行列属性:

    高:height; 框颜色:bordercolor; 背景色:bgcolor; 水平对齐:align; 垂直对齐:valign

 

  (4)跨行跨列:

    跨行:rowspan

    跨列:colspan

 

  (5)表格标题:

    <caption align=top或bottom>,位于表格上方或下方

    

7、图片:

  图片标记:<img src="图片路径" >

  图片属性:高度:height; 宽度:width; 边框宽度:border; 优先读低分辨率图:lowsrc; 文字标注:alt

 

8、绝对路径&相对路径:

  绝对路径: http://www.cnblogs.com/ 或 D:\360Downloads

  相对路径:   ../../a/b.jpg

  技术分享

 

9、超链接:

  <a href="超链接地址">文字或图片</a>

 

  1、空链接:<a href="JavaScript:;"></a>

    空链接与其它各类链接的区别: 

    href="JavaScript:;"   同 href="javascript:void(0);" ,空链接,点击不会有任何跳转

    href="#"        同#top,点击回到顶部,页面不刷新

    href=" "         点击后刷新并回到顶部

    href="/"         点击跳转到上一级目录

 

  2、链接打开窗口:

    _blank      在新窗口打开     _parent    在父级窗口打开     _self        在当前窗口打开     _top        返回信息显示在顶级浏览器窗口中

20150916html前端部分

标签:

原文地址:http://www.cnblogs.com/classroom/p/4814874.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!