一 常用标签 

 &nbsp；                    -- 表示空格 也可以在设计页面中按    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>默认前后若有其他，执行前后换行，保证自身是一个整体，然后居中显示。

HTML 常用标记的更多相关文章

  1. 02网页<body></body>常用标记及属性

    网页<body></body>常用标记及属性 <body></body>标记表示的是在整个浏览器内容框架中显示的部分. text属性用于控制HTML文档 ...

  2. 01网页<head></head>常用标记及属性

    网页<head></head>常用标记及属性 <!DOCTYPE html> <html> <head> <!--网页标题--> ...

  3. Html常用标记总结

    超文本标记语言的结构包括“头”部分(英语:Head).和“主体”部分(英语:body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容. Web页面绝大多数都是由html所编写的. 一 ...

  4. HTML常用标记

    HTML文档由4个主要标记组成,这4个标记是<html>.<head>.<title>和<body>.举例如下: <html> <he ...

  5. Dede常用标记

    http://fontawesome.dashgame.com/ 字体图标使用方法 http://www.iconfont.cn/ 阿里的图标库 https://icomoon.io/ 字体制作 时间 ...

  6. Angular常用标记

    (如果没有特别指明,则所有的HTML元素都支持该标记) (如果没有特别指明,则 AngularJS 指令不会覆盖原生js的指令) 1.数据绑定类: 1.插值语法:{{}} 2.标签内容绑定:ng-bi ...

  7. Markdown的最常用标记符号

    Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. md就是markdown 如果你要把这段文字定义成标题,只需要在前面加上一个#号, ...

  8. python 日期格式化常用标记

    符号   说明             例子    %a  英文星期的简写 Mon  %A  英文星期的完整编写 Monday  %b  英文月份的简写 Jun  %B  英文月份的完整编写 June ...

  9. wordpress常用标记

    博客地址:bloginfo('url'); 博客名称:bloginfo("name"); 博客描述:bloginfo("decription"); 文章内容: ...

随机推荐

  1. Redis持久化之RDB&&AOF的区别

    在说Redis持久化之前,需要搞明白什么是数据库状态这个概念,因为持久化的就是将内存中的数据库状态保存到磁盘上.那么什么是数据库状态呢?Redis是一个key-value数据库服务器,一般默认是有16 ...

  2. C# 嵌入dll

    在很多时候我们在生成C#exe文件时,如果在工程里调用了dll文件时,那么如果不加以处理的话在生成的exe文件运行时需要连同这个dll一起转移,相比于一个单独干净的exe,这种形式总归让人不爽,那么有 ...

  3. appium精简教程

    环境配置 package appium; import io.appium.java_client.android.*; import java.io.File; import java.io.IOE ...

  4. EMACS快捷键

    C = Control M = Meta = Alt | Esc Del = Backspace 基本快捷键(Basic) C-x C-f "find"文件, 即在缓冲区打开/新建 ...

  5. OCP 062大量考试新题（2019年）-12

    12. Your database is configured in archivelog mode. Examine the RMAN configuration parameters: CONFI ...

  6. 同一域名基于源ip地址分配给不同ip的dns配置--bind9.8.2

    1.安装bind.略. 2./etc/named.conf配置文件. // named.conf // // Provided by Red Hat bind package to configure ...

  7. Fusioncharts的数字格式化

      1.     小数点位数格式化 <chart ... decimals='2' > Eg.数值12.432, 13.4 and 13,使用<chart ... decimals= ...

  8. Linq to xml修改CDATA节点值

    增加节点时,我们是这样写的: xop.Document.Element("messages").Add( new XElement("message", new ...

  9. 【hyperscan】示例解读 pcapscan

    示例位置: <hyperscan source>/examples/pcapscan.cc参考:http://01org.github.io/hyperscan/dev-reference ...

  10. 【dpdk】使用libpcap-PMD驱动收发包

    ref: Dpdk programmer’s guide 1.  概述 dpdk不仅提供针对物理和虚拟网卡的pmd驱动(Poll Mode Drivers),还提供两个纯软件的pmd驱动,libpca ...