HTML 常用标记

 

   一 常用标签 

                      -- 表示空格 也可以在设计页面中按    ctrl+shift+space

<br> 或<br />          -- 相当于回车(快捷键:shift + enter)

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

 

<h1></h1>

        ……                     -- 标题、对HTML标题(Heading)进行定义,执行前后换行,并空开一行,保证自身是一个整体

<h6></h6> 

                                   -- <h1></h1>……<h6></h6>重要性依次递减,依附于现有的默认尺寸进行递增或递减。

<div></div>              -- 层标签(默认占一行)

<span></span>         -- 层标签(默认用多大空间占多大空间)

 

<ol type="1">

    <li>内容</li>           --有序列表,序号为1,2,3……,type=" 排序方式"

    <li>内容</li>

</ol>                           -- 默认自带序号,自带换行,前后若有其他,执行前后换行,并空开一行,保证自身是一个整体

 

<ul >

    <li>内容</li>           --无序列表,自带换行,没有序号,有实心黑圈或其他标志

    <li>内容</li>

</ul>           

 

图片标签

<img src="  " title=" " alt=""  width=" "  height=" " />

                                   -- src="图片地址"  title=“ 图片名称”

                                   --高跟宽设置一个即可,显示图片会按比例缩放。

                                   -- alt在图片无法加载时,显示文字,还可帮助搜索引擎搜索。

超链接标签

    <a href="超链接地址" target=“_blank”>  超链接的文字  </a>                        

                                    - - target=“_blank” 是在新窗口打开。

【表格】

    <table></table> 表格

            width:宽度。可以用像素或百分比表示。常用960像素。

            border:边框。常用值0。

            cellpadding:内容跟单元格边框的边距。常用值0。

            cellspacing:单元格之间的间距。常用值0。

            align:对齐方式。

            bgcolor:背景色。

            background:背景图片。

    <tr></tr>

            align:一行的内容的水平对齐方式

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

            height:行高

            bgcolor:背景色

            background:背景图片

    <td></td> 单元格

           <th></th> 表头,单元格的内容自动居中、加粗

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

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

            width:单元格宽度

            height:单元格高度

            bgcolor:背景色

            background:背景图片

 【表单】

< form >

      <input type="txt"  />                               --文本框

      <input type="password"  />                    -- 密码框

      <textarea >  </textarea>                     -- 文本域

      <input type="hidden"  />                        -- 隐藏域

      <input type="submit"  />                        -- 提交按钮

      <input type="reset"  />                           -- 重置按钮

      <input type="button" />                          -- 普通按钮

      <input type="image"  src=" " />               -- 图片按钮

      <input type="redio"  />                            -- 单选按钮组

      <input type="checkbox"  />                     -- 复选框组

      <input type="file" name="" id="" />          --文件上传

      <select  name="" id="" size=""  >             --下拉列表框             -- size=1时,为菜单;>1时,为列表

             <option value="值">内容1</option>                                 

             <option value="值" selected="selected">内容2</option>     --selected,设为默认

             <option value="值">内容3</option>

      </select>                                                                 

</form>

  

一般标签(使用频率)

 

<html>    --开始标签

    <head>

                        网页上的控制信息

                       <title>页面标题</title>

    </head>

    <body>

                         页面显示的内容

    </body>

</html>     --结束标签

---- ---- ---- ---- ---- ---- --- ----

body的属性:

    bgcolor                 页面背景色

    text                      文字颜色(规定所有文本颜色)

    topmargin             上页边距

    leftmargin             左页边距

    rightmargin           右页边距

    bottomargin          下页边距

   background            背景壁纸                 -- 背景色和背景壁纸两者选一

---- ---- ---- ---- ----- ---- ---- ----

    <font color="" face="字体" size="字号">   </font>      -- 控制字体

    <b></b>                    字体加粗

    <i></i>                      倾斜

    <u></u>                    下划线

    <strong></strong>      字体加粗(强调,语气加强用)

    <em></em>                字体倾斜(强调,语气加强用)

    <center></center>       居中

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

 

转载于:https://www.cnblogs.com/Tanghongchang/p/6608062.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值