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"); 文章内容: ...
随机推荐
- Python 学习第二章
本章内容 数据类型 数据运算 表达式 if ...else 语句 表达式 for 循环 表达式 while 循环 一.数据类型 在内存中存储的数据可以有多种类型. 在 Python 有五个标准的数据类 ...
- SQL2014 尝试读取或写入受保护的内存。这通常指示其他内存已损坏
管理员身份运行 cmd -> 输入 netsh winsock reset
- 【react】当react框架遇上百度地图
百度地图官方文档的使用指导是这样说的:在页面中引入<script type="text/javascript" src="http://api.map.baid ...
- Codeforces 1058 D. Vasya and Triangle(分解因子)
题目:http://codeforces.com/contest/1058/problem/D 题意:有一个大小为N*M的矩阵内,构造一个三角形,使面积为(n*m)/k.若存在输出三个顶点(整数). ...
- 组件基础(插槽slot)—Vue学习笔记
刚开始我们淡淡提过<slot></slot>现在深入了解一下. slot可以进行父组件传值到子组件. 比如:我们将hiboy通过<slot>传递到组件中. < ...
- @transactional注解,报错后数据库操作回滚失败
1. https://jingyan.baidu.com/article/3a2f7c2e27d51b26afd611ff.html 2. https://blog.csdn.net/lee_star ...
- D3.js的基础部分之选择集的处理 enter和exit的处理方法 (v3版本)
上一节给大家讲述额绑定数据的原理.当数组的长度与元素的数量不一致时,有enter部分和exit部分,前者表示存在多余的数据,后者表示存在多余的元素.本节将给大家介绍如何处理这些多余的东西,最后会给大家 ...
- GPS轨迹数据可视化的三种途径
有一阵子没写过博客了,最近因为自己小队申请了项目有并且要帮研究生做一些数据处理的小任务,接触到可视化.这里介绍最近学到的了三种方法. 第一种是用python. 这里原理是用matplotlib里面的s ...
- Java DB访问(一) JDBC
项目说明 项目采用 maven 组织 ,jdbc 唯一的依赖就是 mysql-connector-java pom 依赖如下: <dependency> <groupId>my ...
- vector源码(参考STL源码--侯捷):空间分配导致迭代器失效
vector源码1(参考STL源码--侯捷) vector源码2(参考STL源码--侯捷) vector源码(参考STL源码--侯捷)-----空间分配导致迭代器失效 vector源码3(参考STL源 ...