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>默认前后若有其他,执行前后换行,保证自身是一个整体,然后居中显示。
HTML 常用标记的更多相关文章
- 02网页<body></body>常用标记及属性
网页<body></body>常用标记及属性 <body></body>标记表示的是在整个浏览器内容框架中显示的部分. text属性用于控制HTML文档 ...
- 01网页<head></head>常用标记及属性
网页<head></head>常用标记及属性 <!DOCTYPE html> <html> <head> <!--网页标题--> ...
- Html常用标记总结
超文本标记语言的结构包括“头”部分(英语:Head).和“主体”部分(英语:body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容. Web页面绝大多数都是由html所编写的. 一 ...
- HTML常用标记
HTML文档由4个主要标记组成,这4个标记是<html>.<head>.<title>和<body>.举例如下: <html> <he ...
- Dede常用标记
http://fontawesome.dashgame.com/ 字体图标使用方法 http://www.iconfont.cn/ 阿里的图标库 https://icomoon.io/ 字体制作 时间 ...
- Angular常用标记
(如果没有特别指明,则所有的HTML元素都支持该标记) (如果没有特别指明,则 AngularJS 指令不会覆盖原生js的指令) 1.数据绑定类: 1.插值语法:{{}} 2.标签内容绑定:ng-bi ...
- Markdown的最常用标记符号
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式. md就是markdown 如果你要把这段文字定义成标题,只需要在前面加上一个#号, ...
- python 日期格式化常用标记
符号 说明 例子 %a 英文星期的简写 Mon %A 英文星期的完整编写 Monday %b 英文月份的简写 Jun %B 英文月份的完整编写 June ...
- wordpress常用标记
博客地址:bloginfo('url'); 博客名称:bloginfo("name"); 博客描述:bloginfo("decription"); 文章内容: ...
随机推荐
- 【转】 js数组 Array 交集 并集 差集 去重
原文:http://blog.csdn.net/ma_jiang/article/details/52672762 最劲项目需要用到js数组去重和交集的一些运算,我的数组元素个数可能到达1000以上, ...
- Linux基础命令-cd
cd 作用:切换路径 切换至家目录 $ cd $ cd~ 在上一个目录和当前目录来回切换 $ cd - 切换至某用户的家目录 # cd ~ # pwd /root # cd ~quail #pwd / ...
- 项目中jsp的存放
今天早上犯的错, 复习jsp,把jsp放在 WEB-INF 下 我启动项目,想看效果的时候,一直找不到指定的资源404 后来一番探索,我把它拖放在了WebContent 直接访问的,下午看到知识点 ...
- Linux学习笔记-基本操作4
1. gdb调试2. makefile的编写3. 系统IO函数 1. gdb调试: 1. 启动gdb + 可执行文件 2. 查看代码: l== ...
- 脚本中 if 判断细节
if [[ $1 == "fedora" ]];then echo "redhat" elif [[ $1 == "redhat" ]];t ...
- 学习推荐-Redis学习手册
redis之旅: http://www.cnblogs.com/stephen-liu74/archive/2012/02/27/2370212.html
- Python数据结构:栈 队列
栈,队列的特性: 1.栈(stacks)是一种只能通过访问其一端来实现数据存储与检索的线性数据结构,具有后进先出(last in first out,LIFO)的特征 2.队列(queue)是一种具有 ...
- Linux机器之间复制文件和目录方式&Linux的scp命令详解
本文转载于:http://www.cnblogs.com/hitwtx/archive/2011/11/16/2251254.html 整理总结如下: 不同的Linux之间copy文件常用有3种方法: ...
- setPreferredContentSize error in ios app
Creating "IOS Project" in xcode 5 causes the following when launching for iPad simulator. ...
- Docker概念学习系列之Docker核心概念之容器container
不多说,直接上干货! Docker 利用容器来运行应用. 容器是从镜像创建的运行实例. 它可以被启动.开始.停止.删除.每个容器都是相互隔离的.保证安全的平台. 可以把容器看做是一个简易版的 Linu ...