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"); 文章内容: ...
随机推荐
- C# .NET 获取枚举值的自定义属性
一.定义一个类 using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
- C# 加特效
public class BulletMove : MonoBehaviour { public float Speed = 5f; public Transform Fx; // Use this ...
- Page_Load是怎样被执行的
关于Asp.Net的生命周期的文章,很多很多,不管是管道生命周期,还是页面生命周期,图文并茂的文章并不少,我就不说了,我只是在复习这些知识点的时候,想具体知道一个页面的Page_Load方法到底是怎么 ...
- Android 四大组件之“ BroadcastReceiver ”
前言 Android四大组件重要性已经不言而喻了,今天谈谈的是Android中的广播机制.在我们上学的时候,每个班级的教室里都会装有一个喇叭,这些喇叭都是接入到学校的广播室的,一旦有什么重要的通知,就 ...
- Flask系列08--Flask中flask_session, redis插件
一.安装 1.flask_session 不想将Session的信息存放在Cookie 将Session存放在Redis Cookie中保存Session的ID flask中的session是直接将数 ...
- 获取请求地址的IP地址
public static String getIpAddr(HttpServletRequest request) throws Exception { String ip = request.ge ...
- 微信小程序自定义组件的使用以及调用自定义组件中的方法
在写小程序的时候,有时候页面的内容过多,逻辑比较复杂,如果全部都写在一个页面的话,会比较繁杂,代码可读性比较差,也不易于后期代码维护,这时候可以把里面某部分功能抽出来,单独封装为一个组件,也就是通常说 ...
- _tkinter.TclError: image "pyimage1" doesn't exist 解决办法
_tkinter.TclError: image "pyimage1" doesn't exist 解决办法 1 def logout(self): 2 login.LoginWi ...
- c++拷贝构造函数(深拷贝、浅拷贝)——转
拷贝构造函数: 拷贝构造函数是一种特殊的构造函数,函数的名称必须和类名称一致,它的唯一的一个参数是本类的一个引用变量,该参数是const类型,不可变的.例如:类A的拷贝构造函数的形式为A(A& ...
- JavaSE-java8-谓词复合的用法
谓词接口包括三个方法: negate. and 和 or,让你可以重用已有的Predicate来创建更复杂的谓词 一.比如可以用negate方法来返回一个Predicate非 public class ...