HTML简单总结
将标签分为9个分类,逐一罗列
一、基础标签
段落,段落中文本忽略空格和换行
换行,用于
段落中换行
标题,从h1到h6
align="XX",位置,左中右
This is heading 1
This is heading 1
This is heading 1
水平线
注释
图片
二、文本相关
1、文本格式化
This text is bold
This text is strong
This text is big
This text is emphasized
This text is italic
This text is small
This text contains subscript
This text contains superscript
2、
保留文本中的空格和换行
3、“计算机输出”标签
int a =1;
Keyboard input
15521316902
Sample text
var
4、地址
5、引用
,使用 blockquote 元素的话,浏览器会插入换行和外边距,而 q 元素不会有任何特殊的呈现。
6、
,删除,文本带中横线,插入,文本带下划线
三、链接相关
通过使用 href 属性 - 创建指向另一个文档的链接
通过使用 name 属性 - 创建文档内的书签
1、本文本 是一个指向本网站中的一个页面的链接。
2、图片作为超链接
3、target= _blank ,main,top,self,parent
4、name=标致一个跳转的锚点,herf中#来选择
Chapter 4
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
# 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。
四、框架
1、垂直划分:cols
2、水平划分 rows=" 25%,50%,25%"
3、支持嵌套
4、,嵌入一个web
五、HTML表单
1、表格
border="3",边框粗细;
border="0",没有边框
100 2、标头:
table head,加粗效果
3、标题:
我的标题, 放于table标签下4、合并行 colspan="2" rowspan="2"
5、
6、table属性 ,内边距,cellpadding="20"
bgcolor="red"
background="/i/eg_bg_07.gif"
7、文本属性 align="left",表格内文本排列方向
8、frame 属性来控制围绕表格的边框
frame="box",环绕
frame="above"
frame="below"
frame="vsides",垂直两条横线
frame="hsides" 水平两条横线
六、列表实例
1、无序列表
- ……
2、有序列表,默认序号从 1 开始,start指定开始序号
- 咖啡
- 牛奶
- 茶
3、无序列表 ul 属性 type,表示项目前的符号
type="disc",type="circle", type="square"
4、有序列表 ol 属性 type,表示项目前的序数,默认数字1 、2、3或者A\B\C,或I\II\III
type="A",type="I",type="i",
七、表单与输入
1、文本框
2、密码
3、复选框
4、单选框
5、下拉列表,默认选项 selected="selected"
Volvo
Saab
6、文本域
7、按钮
8、文本周围绘制一个带标题的框
健康信息
身高:
体重:
9、提交:,提交到form的action地址
……
八,图像实例
1、
2、
3、align="bottom",默认bottom ,图片排列方式 ,align="bottom",align="middle",align="top",
在文本中
4、align ="left",浮动到段落的左右
5、 大小:width="50" height="50"
6、文本替换图片显示:alt="向左转"
7、嵌入中作为超链接
8、 图片映射,显示如何把一幅普通的图像设置为图像映射。
九、背景:W3C 在他们的推荐标准中已删除这些属性。
1、
2、
3、
十、其他
1、link
2、title
标题不会显示在文档区3、meta
关键字
content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
content="w3school.com.cn">
4、重定向