我的HTML总结之常用基础便签
2018-02-25 17:31
148 查看
HTML:是Hyper Text Markup Language(超级文本标记语言)的缩写,HTML不是一种程序,只是一种控制网页中数据显示的标识语言。
HTML由一组标签组成。
HTML的基本结构
<html>
<head>
<title>第一个HTML示例</title>
</head>
<body>
HTML的基本结构
</body>
</html>
HTML在浏览器中运行。
HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。
1.实际应用中记住以下几种便签的就ok了:
块级标签:<div> <h> <ul> <li> <p> <form> 占满一行,可以设置宽,高
行级标签:<span> <a> 只占用自己的大小,不可以设置宽,高。
行内块标签:<img> <input> 只占用自己的大小,但可以设置宽,高。
换行标签<br/>
空格$nbsp
<!--注释 -->
关于<a>标签
a标签的一些常用属性:href、title、target、name(锚记时用)
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a> _blank在新窗口中打开,_self在自己的窗口中打开
<a>中还可以嵌套图片,这样就是点击图片打开链接
通过a标签在自己内部跳转
第一步写个锚:
第二步写链接到锚:
2.列表与表格标签
无序列表标签<ul>。
格式:
<ul type=""><li></li></ul>
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点 默认会在css初始化的时候用:list-style: none;
type设置标号的类型,值可以取:
1 disc :实心圆点
2 circle :空心圆点
3 square :实心方块
有序列表的每项都有连续的编号。
格式:
<ol type="" start="">
<li></li>
type设置标号的类型,值可以取:
1:显示数字
A:显示大写字母
a:显示小写字母
I:显示大写罗马数字
i:显示小写罗马数字
start取值:数字
嵌套列表:一个列表作为另一个列表的一部分,即多层列表。
HTML中的表格通过<table>、<tr>、<td>、[b]<th>四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件)[/b]
cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充
rowspan、colspan 在td单元格内写,合并单元格的行和列
HTML由一组标签组成。
HTML的基本结构
<html>
<head>
<title>第一个HTML示例</title>
</head>
<body>
HTML的基本结构
</body>
</html>
HTML在浏览器中运行。
HTML是纯文本文件,所以可以使用任何一款文本编辑器编辑。
1.实际应用中记住以下几种便签的就ok了:
块级标签:<div> <h> <ul> <li> <p> <form> 占满一行,可以设置宽,高
行级标签:<span> <a> 只占用自己的大小,不可以设置宽,高。
行内块标签:<img> <input> 只占用自己的大小,但可以设置宽,高。
换行标签<br/>
空格$nbsp
<!--注释 -->
关于<a>标签
a标签的一些常用属性:href、title、target、name(锚记时用)
<a href="目标网址" title="鼠标滑过显示的文本" target="_blank">链接显示的文本</a> _blank在新窗口中打开,_self在自己的窗口中打开
<a>中还可以嵌套图片,这样就是点击图片打开链接
<a href="www.baidu.com"> <img src="aaa.jpg" /> </a>
通过a标签在自己内部跳转
第一步写个锚:
第二步写链接到锚:
2.列表与表格标签
无序列表标签<ul>。
格式:
<ul type=""><li></li></ul>
ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点 默认会在css初始化的时候用:list-style: none;
type设置标号的类型,值可以取:
1 disc :实心圆点
2 circle :空心圆点
3 square :实心方块
有序列表的每项都有连续的编号。
格式:
<ol type="" start="">
<li></li>
type设置标号的类型,值可以取:
1:显示数字
A:显示大写字母
a:显示小写字母
I:显示大写罗马数字
i:显示小写罗马数字
start取值:数字
嵌套列表:一个列表作为另一个列表的一部分,即多层列表。
HTML中的表格通过<table>、<tr>、<td>、[b]<th>四个标签完成。 (现在用的很少了,基本都用现成的表格UI组件)[/b]
cellspacing、cellpadding 在tale便签上写,清除单元格之间的空隙和单元格内的填充
rowspan、colspan 在td单元格内写,合并单元格的行和列
相关文章推荐
- wordpress基础插件开发5-后台常用HTML总结
- html基础知识总结
- Python编程中常用的12种基础知识总结
- ExtJS基础知识总结:常用控件使用方式(一)
- java基础知识1--String常用方法总结
- HTML基础--常用标签
- 【html】【一些常用的标签阶段总结】
- 基础html与css样式总结part1
- 【HTML——基础总结】
- 移动测试基础 Android 常用 adb 命令总结
- HTML常用标签及其他总结
- SQL Server调优系列基础篇(常用运算符总结——三种物理连接方式剖析)
- Html:网页代码常用小技巧总结续,网页制作学习
- HTML基础总结
- html常用标签总结
- 2、HTML基础总结 part-2
- HTML常用的特殊符号总结
- HTML基础知识总结一
- 边记边学PHP-(六)常用的HTML基础
- Html基础的一些小总结