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"); 文章内容: ...
随机推荐
- Winform下的Combox根据值来选中项
其实很简单,因为Combox的Item是一个K/V的object,那么就可以把它的items转换成IEnumerable<DictionaryEntry>类型的(System.Collec ...
- IE9的「console未被定义」错误
IE从IE8+才支持console物件,但如上图所示,网页明明是IE9标准模式,为什么IE9却说console物件不存在? 但进行侦错,console.log()却又正常! 原因: IE8/IE9要先 ...
- 读取型CSRF-需要交互的内容劫持
本文作者:i春秋作家——jing0102 前言 最近在挖洞,"实践出真知"这句话说的很对,在实际挖掘过程中我会思考很多东西,跟朋友一起准备做一份手册,忽然的想到了一些漏洞的定义和规 ...
- 修改oracle默认监听端口
修改oracle默认监听端口 oracle端口修改 主要是修改两个文件和修改oracle参数local_listener 1 查看当前监听状态 [oracle@test ~]$ lsnrctl sta ...
- 7. Bagging & Random Forest
通过前面集成学习的介绍我们知道,欲得到泛化性能强的集成学习器,集成中个体学习器应尽量相互独立:虽然“独立”在现实任务中无法做到,但可以设法使基学习器尽可能具有较大差异. 1. Bagging 自助采样 ...
- Python UDP实例
UDP通信过程 udp 不需要经过3次握手和4次挥手,不需要提前建立连接,直接发数据就行. server端 import socket BUFSIZE = 1024 ip_port = ('127.0 ...
- vue教程1-08 交互 get、post、jsonp
vue教程1-08 交互 get.post.jsonp 一.如果vue想做交互,引入: vue-resouce 二.get方式 1.get获取一个普通文本数据: <!DOCTYPE html&g ...
- the fist blood of java-eclipse 哈哈哈哈 封装的运用
class Student { private int id; public String name; public String sex; private int score ...
- [Umbraco] 在umbraco中开发xlst的小窍门
当你在umbraco开发xslt时也可以调用C#里的方法,具体方法参考如下 点击第二个按钮 点击右侧的"Get Extensions" 系统自带了工具类,里面有很多常用也很实用的方 ...
- xamarin自定义 application 无法调试
我们在默认使用application 的时候发现 调试会爆异常 [application] public class DemoApplication:Application { } 根本原因是构造器 ...