一 常用标签 

 &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. Markdown中怎么上传图片

    在网站中使用了Markdown编辑器,但是不能支持图片的直接粘贴

  2. Git之初识

    我的Github地址:https://github.com/shinianzongjishinianxin 初见总是美好的,可是我第一次看到github有点纠结,因为看不懂,然而最终半蒙半猜还是注册完 ...

  3. WPF Adorner

    之前做项目时,为了实现类似微信消息数目的效果   image.png ,我之前是修改的ControlTemplate.类似于将一个带数字的控件,放在另一个控件的右上角,来实现的这个效果. 原来WPF有 ...

  4. 【转】PowerDesigner快捷键

    一般快捷键 快捷键 说明 F4 打开检查模型窗口,检查模型 F5 如果图窗口内的图改变过大小,恢复为原有大小即正常大小 F6 放大图窗口内的图 F7 缩小图窗口内的图 F8 在图窗口内中查看全部图内容 ...

  5. ionic 图片轮播ion-slide-box问题

    1.使用ion-slide可以实现图片轮播,但是如果在html中仅仅增加ion-slide是远远不够的,会出现两个问题: (注:使用的是angularjs.首先需要在,js文件中注入:$ionicSl ...

  6. Markdown的学习笔记一

    之前学习看些书籍.学些技术都喜欢用xmind做思维导图的笔记,慢慢的发现想把一些笔记做的详细一些就会变得很复杂,个人觉得误了思维导图本意,而且用手机查看的时候也各种不方便.所以开始学习使用markdo ...

  7. CentOS 7 - 安装Oracle JDK8

    我们要在CentOS安装最新版本的JDK8,需要首先将JDK下载到服务器,然后通过操作系统自带的工具yum进行安装. 本文我们将介绍CentOS 7下JDK8的安装. 从官网下载页面找到JDK8的下载 ...

  8. 使用wget命令爬取整站

    快速上手(整个bootstrap网页全被你抓取下来了~_~) wget -c -r -npH -k -nv http://www.baidu.com 参数说明 -c:断点续传 -r:递归下载 -np: ...

  9. javaScript中BOM

    BOM是browser object model的缩写,简称浏览器对象模型 主要处理浏览器窗口(window)和框架(iframe),简述了与浏览器进行交互的方法和接口, 可以对浏览器窗口进行访问和操 ...

  10. SubLime Text 3 配置SublimeREPL来交互式调试程序

    1. 安装 SublimeREPL 插件 等待一下,输入sublimerepl,选择sublimeREPL,然后它就会在后台安装. 安装完之后,查看如下图 选择你要执行的*.py文件,通过这个路径,选 ...