热门关键字:
jquery > jquery教程 > jquery教程 > HTML简单入门内容

HTML简单入门内容

264
作者:管理员
发布时间:2021/3/9 11:32:13
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4133
  常用属性:


  Width=宽度


  Height=高度


  Size=大小


  Color=颜色


  Align=布局方向,值包括(top,bottom,left,right,center)上,下,左,右,中。


  Border=边框大小


  Title=提示文字


  Href=连接路径


  Src=资源路径


  Bgcolor=背景颜色


  常用标签:


  1. <br> 换行标签


  2. <p>  段落标签


  3. <b>粗体显示</b>


  4. <i>斜体显示</i>


  5. <u>删除线</u>


  6. 超连接标签,href=连接地址,Target=是否新建页面打开,title=提示文字


  例:<a href="" Target="_blank" title="连接百度">百度</a>


  7. 滚动标签,scrollamount=滚动速度,align=滚动方向,值包括(top,bottom,left,right,)上下左右


  例:<marquee scrollamount="20" align="left">公告通知:开始正式运营</marquee>


  8. 水平线标签,size=线条粗细,color=线条颜色,width=100%:表示浏览器满屏显


  示,100px:表示浏览器100个像素显示


  例:<hr size="1" color="red"  width="100%"/>


  <!-- 提示:以下重复的属性不在一一做解释,属性说明见文档顶部 -->


  9. body标签有且只能有一对,此标签属性一改,整个页面都会改变。bgcolor=背景颜


  色,background=背景图片


  例:<body bgcolor="#990000" background="123.jpg">


  10. 表格标签,以下表格为三行三列,table表格标签,tr行标签,td列标签,这些标签都是成对出现的,有开始就必须有结束。border=表格边框大小,cellspacing=表格间距大小,cellpadding=表格填充大小


  例:<table width="300" border="1" cellspacing="0" cellpadding="0">


  <tr>


  <td> </td>


  <td> </td>


  <td> </td>


  </tr>


  <tr>


  <td> </td>


  <td> </td>


  <td> </td>


  </tr>


  <tr>


  <td> </td>


  <td> </td>


  <td> </td>


  </tr>


  </table>


  11. 表格跨行跨列,此例依旧是三行三列:


  第一行的第1列跟第2列合并,colspan=2为跨2列;


  第二行第3列跟第三行第3列合并,rowspan=2为向下跨2行;


  例:<table width="300" border="1" cellspacing="0" cellpadding="1">


  <tr>


  <!--这里的colspan就是向右跨列-->


  <td colspan="2"> </td>


  <td> </td>


  </tr>


  <tr>


  <td> </td>


  <td> </td>


  <!--这里的rowspan就是向下跨行-->


  <td rowspan="2"> </td>


  </tr>


  <tr>


  <td> </td>


  <td> </td>


  </tr>


  </table>


  12. 字体标签,size=字体大小,color=字体颜色


  例:<font size="+2" color="#990000">红色5号字体</font>


  13. CSS样式,以下代码就是一个定义样式的模版,<style type="text/css">但凡定义的样式都要写在这对标签里面才会生效,而style标签必须在<head>标签里面写。这里定义的Td样式前面是没有加点的,这表示网页内所有td标签都会用此样式, 而且不需要经过class调用。这里自定义了Cs1,注意前面是加点的,那么说明这个样式必须用class调用


  例:<style type="text/css">


  <!--border为边框样式,自带三个属性,颜色、线性、粗细大小--> Td{ border:#0000FF solid 1px;}


  <!--这个样式是针对字体的,跟前面font差不多-->


  。Cs1{ font-size:14px; font-family:"宋体"; color:#FF0000} </srtpe>


  <!--这里我们对字体调用了Cs1样式-->


  <span class="Cs1">学习编程,美好未来</span>


  <!--这是一行一列的表格,此处没有对class调用样式,但是效果却跟上面Td定义的一样,这说明Td样式前面没有加点,网页凡是<td>的标签将自动引用该样式--> <table> <tr>


  <td>123456</td> </tr> </table>


  14. 内嵌样式定义,简单的样式我们可以通过标签内style属性定义,效果跟13例子一样 例:<span style=" color:#990000; font-size=:18px">红色18号字体</span>


  15. 图片,src=图片路径,width=图片宽度,height=图片高度,高宽不写为默认大小 <!--这里的src为本地电脑image文件下的text.jpg图片-->


  例1:<img src="" width="120" height="80" /> <!--这里的src为网络图片路径-->


  例2:<img src="" />




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐