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

Html标签第一课

时间:2015-12-09 19:36:24      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:

  • <p>段落标签</p>  
  • <h1>字体标签,1到6,越来越小</h1>.....<h6></h6><h>标签自动换行
  • <br/>换行 (单个标签)
  • <hr/> 水平线(单个标签)的几个属性:
  • size粗细   width 宽度  Align对齐方式(left,right,center,默认center) color颜色
  • 空格:&nbsp;
  • <center>整体居中</center>
  • <b>粗体</b>
  • <i>斜体</i>
  • <u>下划线</u>
  • <s>删除线</s>
  • <sup>上标</sup>
  • <sub>下标</sub>
  • <body>标签的三个属性:bgcolor背景颜色  text 网页中所有的字体颜色   background="image/bg.jpg"
  • <ol  type="a">有序列表,通过type的值修改初始值
  •    <li>你好 默认从1开始<li>
  •    <li>你好<li>
  • </ol>
  • <ul  type="circle">无序列表,通过type的值空心圆还是实心圆
  •   <li>你好  默认是个黑点点<li>
  •     <li>你好<li>
  • </ul>
  • <caption>表格标题</caption> 属性:align=bottom/top;  表格可以进行嵌套
  • <table >表格 属性:border(边框宽度),width(宽度),height(高度),cellspacing(表格内框的宽度)cellpadding(表格内的文字至四周边框的距离)bordercolor(边框颜色)bgcolor(背景颜色)align(表格在网页中的水平对齐方式)colspan:跨列 rolespan:跨行
  • <tr> 行标签 <th>表头,姓名</th><th>表头,年龄</th><th>表头,国籍</th></tr>
  • <tr> 行标签 <td>列,张三</td><td>年龄,24</td><td>中国</td></tr>
  • <tr> 行标签 <td>列,张三</td><td>年龄,24</td><td>中国</td></tr>
  • </table>
  • 有序列表跟无序列表可进行嵌套。
  • 虽然有些html有自己的属性去设置该标签的外观,但是实际开发中,不会用自己的属性去做外观处理,而是用CSS。一般用div做布局,不用table做布局
  • <image  src="1.jpg"/>  图片和HTML在同一个文件夹下
  • <image  src="../1.jpg"/>  html上一级目录下的图片(相对路径)
  • <image  src="../2/1.jpg"/>  html上一级目录文件夹为2下的图片(相对路径)
  • <image  src="c/user/.."/> (绝对路径)
  • <image  src="../1.jpg"/> 属性:height, width,border边框  lowsrc(低分辨率的图片位置)alt(当找不到图片时可用文字代替)
  • <a href = "http://www.baidu.com" target="_black">百度</a>
  • <a href = "javascript:;" target="_black">百度</a> 不跳转页面
  • 技术分享

Html标签第一课

标签:

原文地址:http://www.cnblogs.com/w123-w/p/5033767.html

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