一 常用标签 

 &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. Kali Linux渗透测试实战 1.3 渗透测试的一般化流程

    1.3 渗透测试的一般化流程 凡事预则立,不预则废,做任何事情都要有一个预先的计划.渗透测试作为测试学科的一个分支,早已形成了完整的方法论.在正式开始本书的实践教学章节之前,我也想谈一谈使用Kali ...

  2. [CTSC2008]网络管理（整体二分+树剖+树状数组）

    一道经典的带修改树链第 \(k\) 大的问题. 我只想出三个 \(\log\) 的解法... 整体二分+树剖+树状数组. 那不是暴力随便踩的吗??? 不过跑得挺快的. \(Code\ Below:\) ...

  3. cad2016卸载/安装失败/如何彻底卸载清除干净cad2016注册表和文件的方法

    cad2016提示安装未完成,某些产品无法安装该怎样解决呢?一些朋友在win7或者win10系统下安装cad2016失败提示cad2016安装未完成,某些产品无法安装,也有时候想重新安装cad2016 ...

  4. python线程死锁与递归锁

    死锁现象 所谓死锁: 是指两个或两个以上的进程或线程在执行过程中,因争夺资源而造成的一种互相等待的现象,若无外力作用,它们都将无法推进下去. 此时称系统处于死锁状态或系统产生了死锁,这些永远在互相等待 ...

  5. 基于alpine用dockerfile创建的ssh镜像

    1.下载alpine镜像 [root@docker43 ~]# docker pull alpine Using default tag: latest Trying to pull reposito ...

  6. sql server 2012 打开提示无效的许可证数据。需要重新安装

        重装什么的没有用,需要下载Visual Studio 2010 Isolated Shell (zh-CN) ,重新安装后就好了   下载地址 Visual Studio 2010 Isola ...

  7. python实战问题记录

    开发环境搭建 1.安装aiohttp这个异步的http框架失败 提示使用pip更高版本,但是更新之后,还是无法使用.所以,我们采用anaconda中的aiohttp,即打开anaconda,然后进入E ...

  8. Android初识Helloworld

    在Eclipse+ADT中创建HelloWorld非常简单,直接按照导航下一步就可以了.本文重点不在如何创建,而在理解HelloWorld项目的文件. HelloWorld的目录结构有: src:存放 ...

  9. 全网最详细的U盘被损坏导致一般性的软件无法修复的解决办法（必须可以）（图文详解）

    不多说,直接上干货! 问题详情 一般,在不正当地操作U盘时,容易出现如下的情况: 解决办法: 本人,在尝试多款U盘修复工具软件后,发现: 成功几率很大,博文本人亲自尝试,并强烈推荐. 欢迎大家,加入我 ...

  10. 全网最详细的再次或多次格式化导致namenode的ClusterID和datanode的ClusterID之间不一致的问题解决办法（图文详解）

    不多说,直接上干货! java.io.IOException: Incompatible clusterIDs in /opt/modules/hadoop-2.6.0/data/tmp/dfs/da ...