html集锦

最新推荐文章于 2024-08-09 18:20:18 发布

weixin_33768481

最新推荐文章于 2024-08-09 18:20:18 发布

阅读量66

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/pecool/p/8047979.html

注意：此内容为复习所总结，非专业，不全，理解记录理解会有偏差。

一、HTML解释：

　　指的是超文本标记语言 (Hyper Text Markup Language)，不是一种编程语言，而是一种标记语言 (markup language)，Html大小写不敏感

二、Body中的属性：

　　body中text为颜色属性、bgcolor为背景属性、background为背景图片属性，当bgclor和background同时存在时，背景图片会覆盖背景颜色

三、p标签：

段落标签　　align：对齐方式center,left,right

四、hr标签：

<hr width="50%" color="" size="10px"/> width中50%指的是父标签的百分之五十，如果写成width="200px"，则长度固定不变，不会随着body的变化而变化，px指的是像素

五、ul标签：

<ul type="circle">　　　　　　//type属性可以控制前面出现的形状 circle是圆圈型，不写的话是黑点
　　　　<li>好雨知时节</li> 　　
　　　　<li>当春乃发生</li> 
　　　　<li>随风潜入夜</li> 
　　　　<li>润物细无声</li> 
　　</ul>

六、ol标签：

<ol type="i" start="2">　　　　//此处2代表从ii开始，其他类似
　　　　<li>好雨知时节</li> 
　　　　<li>当春乃发生</li> 
　　　　<li>随风潜入夜</li> 
　　　　<li>润物细无声</li> 
　　</ol>

七、img标签

<img src="截图20171216231155.png" width="53%" height="42%" border="1" align="middle" align="hello beauty"/>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

　　图片标签align属性没有center值，有top/bottom/middle，代表右侧文字排版的位置

八、a标签

<a href="annother.html" target="_self">annotherPage</a>　　　　//target取_self：在本页面显示

<a href="annother.html" target="_blank">annotherPage</a>　　　//target取_blank：在新页面显示

九、表格--合并行/列

<table border="a" width="50%" align="center" bgcolor="yellow">
  <caption>message</caption>　　//标题
  <tr>
    <td>name</td>
    <td>name</td>
    <td>name</td>
  </tr>
  <tr>
    <td>value</td>
    <td colspan="2" align="center">合并列</td>
  </tr>
  <tr>
    <td rowspan="2" align="center" >合并行</td>
    <td>value</td>
    <td>value</td>
  </tr>
  <tr>
      <td>value</td>
    <td>value</td>
  </tr>
  </table>