2015/3/11
HTML的基础了解及基础标签的总结罗列
比起去每次都去W3C翻
不如自己存个txt之类
要用的时候查找一下
方便很多。
其中像 cologroup 这种跟CSS有关联还没有涉及所以没有加上去。
特地来bolg备份。
<html ><html >
<body ></body >
<head ></head >
<p ></p > 段落
<h ></h > 标题
<a href = "www.baidu.com" > this is link</a > 超链接
<img src = "name.ipg" width=" " height = " " / > 图片
<br/ > 换行
<h align = "center" >this is heding</h > 标题居中
<body bgcolor="yellow" text = ""> 背景颜色
<table > 表格
<hr/ > 水平线
<!-- This is a comment -- > 注释
<b ></b > 黑体
<strong ></strong > 加粗
<big ></big > 加大
<em ></em > 突出
<i ></i > 斜体
<small ></small > 变小
<sub ></sub > 上标
<sup ></sup > 下标
<pre ></pre > 预格式文本,适
适合计算机代码
——————————————————.
<code ></code > 定义计算机代码
<kbd ></kbd > 定义键盘码
<tt ></tt > 定义打字机代码
<samp ></samp > 定义计算机代码样本
<var ></var > 定义变量
这些标签常用于显示计算机/编程代码。 |
——————————————————.
<address ></address >(并不知道用什么用用普通的写法也能代替)写地址
<abbr title="" >XXX</abbr > 或者<acronym title="" >XX<acronym >
鼠标移至缩略词语上时,title 可用于展示表达的完整版本。
仅在 IE5或者 Netscape 6.2中有效。
<bdo dir = "rtl" ></bdo > 显示翻转字符串
<blockquote ></blockquote > 块的引用
<q ></q > 短的引用
<del ></del > 删除字效果
<ins ></ins > 插入字效果
<link ></link > 定义资源引用
<style ></style > 定义样式定义
<link rel="stylesheet" type="text/css" href="mystyle.css" / >外部样式表
——————————————
<style type="text/css" >
body {background-color: red}
p {margin-left: 20px}
</style >
内部样式表
——————————————
<div ></div > 定义文档中的节或区域(块级)。
<span ></span > 定义文档中的行内的小块或区域。
<img border="num"/ > 产生不同粗细的图像边框
<a href="XXX" target="_blank" >XXX</a >
tagrget="_blank"该链接在新窗口中打开
<img src="" alt=""/ > alt图片无法显示时的替换文本
<body background="" > 背景图片
<img src="" align="bottom/middle/top/left/right"/ >
图片排列方式
<area shape="形状" coords="坐标" href="" target="" alt="" / >
定义图像地图中的可点击区域。
<img src ="" ismap/ > 把图像转换成图像映射
<table >具体
<table border="num" > 表格边框大小
<tr ></tr > 表格中的行
<td ></td > 表格中的单元格
<td colspan="" > 合并单元格
<th ></th > 表格的表头
<thead ></thead > 表格的页眉
<thody ></thody > 表格的主体
<tfoot ></tfoot > 表格的页脚
<col align="" > 定义用于表格列的属性。
<ul ><li ></li >....</ul > 无序列表
<ol start="" ><li ></li >....</ol > 有序列表
<dl ><dt ><dd ><dd ></dt ></dl > 自定义列表
<div ></div > 块级元素定义文档中的分区或节
<span ></span > 组合文档中的行内元素
<from ></from > 定义供用户输入的表单
<input type="" name=""/ > 输入文本
<input type="password" name="password"/ >输入密码
<input type="radio" name="" value="" / > 单选按钮
<input type="checkbox" name="" / > 复选框
<input type="button" value="" > 按钮
<label ></label > 定义一个控制的
标签
————————————————————————————————
<form name="input" action="html_form_action.asp" method="get" >
<input type="submit" value="Submit" / >
</form >
动作属性和确认按钮
————————————————————————————————
<from >
<select name="" selected="" >
<option value="" ><.option > 定义下拉列表中的选项
</select >
</from >
<optgroup ></optgruop > 定义选项组
下拉列表
<textarea rows="" cols="" > 文本域
<fieldset ></fieldest > 数据周围绘制一个带标题的框
<legend ></leernd > 定义域的标题
<form action="" method="" enctype="text/plain" >
目标地址,发送方式,文件类型
<input type="submit" value="发送" >
<input type="reset" value="重置" >
<frameset cols="" > 垂直框架
<frame src=""/ >
</framset >
<frameset rows=""/ > 水平框架
<noframes >
<body >您的浏览器无法处理框架!</body >
</noframes >
<frame src="" name="showframe" > 导航框架
<iframe src="" ></iframe > 内联框架
<frame src="XXX.html#CXXX" > 跳转至框架内的一个指定的节
<iframe src="URL" width="" height="" frameborder=" ></iframe >
用于在网页内显示网页。 framborder 边框大小
<iframe src="" name="XXX" ></iframe >
<p ><a href="" target="XXX" >xx</a ></p >
iframe 可用作链接的目标(target)。
链接的 target 属性必须引用 iframe 的 name 属性
颜色 英文 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue,
fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,
teal, white, yellow。