HTML—基础

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。












  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值