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"); 文章内容: ...
随机推荐
- 工作随笔——Java网络代理(http,socks)
简单说一下Java如何便捷的使用网络代理功能 此方法使用于大部分情况,一些特殊框架(如:mina)无效. // 代码设置http代理 System.setProperty("proxySet ...
- 用WPF写一个登录界面,我想在输入完密码后按回车就能够验证登陆,而不需要用鼠标单击登陆按钮
在wpf中,将按钮的IsDefault设置为true
- CentOS 7 - 创建新用户
当进行服务器操作时,我们尽量不要使用root用户进行操作,特别是当我们使用生产环境时. 本文我们将介绍CentOS 7下用户的创建. 创建新用户 adduser 用户名 更改用户密码 passwd 用 ...
- ssh登录时在参数中加入密码的解决方案
在使用ssh登录远程服务器的时候,在执行完ssh user@ip后,要输入登录密码,有时候登录密码记不住,这样以来Ian带来的很多的麻烦,有没有一种在ssh的参数中直接加入密码的方法呢?查看ssh的帮 ...
- mybatis---属性和字段映射
1. 查询时使用别名,别名和属性名保持一致 <select id="getUser" parameterType="int" resultType=&qu ...
- 记录jquery的ajax
1.直接干货 ajax很简单jquery有很好的支持,原生js就不写了.总的说常用的有3个方法 $.post $.get $.ajax 具体参数参考教程http://www.runoob.com/jq ...
- 02-01 Java关键字、标识符、注释、常量和进制问题、变量和数据类型
1:关键字 (1)被Java语言赋予特定含义的单词 (2)特点: 全部小写. (3)注意事项: A:goto和const作为保留字存在. B:类似于Notepad++这样的高级记事本会对关键字有特殊颜 ...
- 基于vue的web应用如何构建成手机端的原生安装包
话不多说,点击前往
- Apater适配器模式(结构型模式)
1.概要 适配:即在不改变原有实现的基础上,将原先不适合的接口转换成适合的接口. what is Apater?适配,这个概念在生活中无处不在,比如你的iphone 4手机充电器坏了,这是时候只有一个 ...
- Shell的并发
#!/bin/bash ./step1.sh & >中文 i=$! ./step2.sh & >西王 j=$! wait #echo ${i} #echo ${j} ech ...