zoukankan      html  css  js  c++  java
  • html一般标签、常用标签、表格

    body的属性:

    bgcolor               页面背景色

    text                    文字颜色

    topmargin            上边距

    leftmargin            左边距

    rightmargin          右边距

    bottomargin         下页边距

    background          背景壁纸

    一般标签:

    字体格式控制标签

    <font face="楷体" size="+3" color="#FF0000">你好</font>

    face是字体,size是字体大小,color是字体颜色
    <br/>换行 shift+enter

    <b>文字加粗方式1,b标签</b><br />
    <strong>文字加粗方式2,strong标签</strong><br />
    <i>文字倾斜方式1,i标签</i><br />
    <em>文字倾斜方式2,em标签</em><br />
    <u>文字加下划线,u标签</u>
    <center>你好</center>

    center居中标签,默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。

    &nbsp;    表示空格

    内容容器标签;

    <h1></h1><h2></h2>....<h6></h6>

    h1-h6标签,标题控制标签,重要性依次减弱,默认前后若有其他执行前后换行,并且空开一行,根据所在区域默认文字大小执行增加几个尺寸或减去几个尺寸。

    <div></div> 层标签,默认一上来就占用一行

    <span></span> 层标签,默认使用多少就占用多少

    <p></p>段落标签,默认,前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    <ol>

    <li></li>

    <li></li>

    <li></li>

    </ol>

    ol有序列表,自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    <ol>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    </ol>

    <ul>

    <li></li>

    <li></li>

    </ul>

    ul无序列表,不自带序号,自动换行,默认前后若有其他,执行前后换行,并且空开一行,保证自身是一个整体

    <ul>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    <li>你好</li>
    </ul>

    常用标签

    超链接标签:

    <a  href="超链接地址"  target="_blank">超链接的文字</a>   _blank是在新的窗口打开

    <a href="http://www.baidu.com" target="_blank">百度</a>

    图片标签:

    <img src="图片地址" alt="文字"  title="文字"  width=""  height="" /> 高跟宽设一个即可,显示图片会按比例缩放,alt在图片无法加载时显示文字,title鼠标移上显示文本。

    <img src="file:///C|/Users/hh/Pictures/Camera Roll/IMG_20150715_104103.jpg" width="120" title="大佛" alt="大佛" />

    在图片上设置超链接:

    <a href="http://360.com" target="_blank"><img src="../../../../Pictures/u=3048444218,3000800005&fm=21&gp=0.jpg" width="120"/ title="爱心"></a>

    <a  href="超链接地址"  target="_blank"><img src="图片地址" alt="文字"  title="文字"  width=""  height="" /></a>

    表格

    <table></table>

    宽度,可以用像素或百分比表示。

    height:高度

    border:边框,常设为0

    cellpadding:内容跟单元格边框的边距,常设为0

    cellspacing:单元格之间的间距,常设为0

    align:对齐方式

    bgcolor:背景色

    background:背景图片

    <tr></tr>行

    align:水平对齐方式

    valign:一行内容的垂直对齐方式

    height:行高

    bgcolor:背景色

    background:背景图片

    <td></td>单元格

    align:单元格内容的水平对齐方式

    valign:单元格内容的垂直对齐方式

    单元格的宽度

    height:单元格的高度

    bgcolor:背景色

    background:背景图片

  • 相关阅读:
    第01组 Beta冲刺(2/4)
    第01组 Beta冲刺(1/4)
    第01组 Alpha事后诸葛亮
    第01组 Alpha冲刺(4/4)
    第01组 Alpha冲刺(3/4)
    第01组 Alpha冲刺(2/4)
    第01组 Alpha冲刺(1/4)
    提高回顾与个人总结
    软件工程结对作业博客
    软件工程第一次阅读作业
  • 原文地址:https://www.cnblogs.com/wy1992/p/5996041.html
Copyright © 2011-2022 走看看