Lesson_for_java_day01---html标记大全
来源:互联网 发布:淘宝几十块的近视眼镜 编辑:程序博客网 时间:2024/05/29 04:56
学习内容:HTML简介以及创建HTML,熟悉HTML的文本、列表、块元素及表格的创建
什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,
而是使用标签来解释页面的内容。
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
HTML 图像是通过 <img> 标签进行定义的。
注意:HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,
而在未来 (X)HTML 版本中强制使用小写。
基 本 标 签
所有HTML文件都有的
<html>……</html> 表示文件类型为HTML文档
<head>……</head> 设置文档描述及其他不在WEB网页上显示的信息
<body>……</body> HTML文档的主体(页面的实际内容)
标 题 标 签
<title>……</title> 在标题栏中显示的题目(放在<head></head>内)
页 面 属 性 标 签
<body>……</body>标签的扩展属性。使用详解
<body bgcolor=#……> 设置背景颜色,用名字或十六进制值
<body text=#……> 设置文本文字颜色,用名字或十六进制值
<body link=#……> 设置链接颜色,用名字或十六进制值
<body vlink=#……> 设置已使用的链接的颜色,用名字或十六进制值
<body alink=#……> 设置正在被击中链接的颜色,用名字或十六进制值
文 本 标 签
<pre>……</pre> 创建预格式化文本
<h1>……</h1> 创建最大的标题
<h6>……</h6> 创建最小的标题
<b>……</b> 创建黑体字
<i>……</i> 创建斜体字
<em>……</em> 加重(通常是斜体加黑体)
<strong>……</strong> 强调(通常是斜体加黑体)
<font size=value></font> 设置字体大小,从1到7
<font color=……></font> 设置字体的颜色,使用名字或十六进制值
链 接
<a href="/URL"></a> 创建一个超链接
<a href="mailto:EMAIL"> </a> 创建一个自动发送电子邮件的链接
<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接
格 式 排 版
<p> 创建一个新的段落
<p align=……> 将段落按左、中、右对齐
<br/> 插入一个回车换行符
<dl>……</dl> 创建一个定义列表
<dt> 放在每个定义术语词之前
<dd> 放在每个定义之前
<ol>……</ol> 创建一个标有数字的列表
<li> 放在每个数字列表项之前,并加上一个数字
<ul>……</ul> 创建一个标有圆点的列表
<li> 放在每个圆点列表项之前,并加上一个圆点
<div align=……> 一个用来排版大块HTML段落的标签,也用于格式化表
<div> 定义文档中的分区或节(division/section)。
<span> 定义 span,用来组合文档中的行内元素。
图 形 元 素
<img src="name"> 添加一个图像
<img src="name" align=value> 排列对齐一个图像:左中右或上中下
<img src="name" border=value> 设置围绕一个图像的边框的大小
<hr> 加入一条水平线
<hr size=value> 设置水平线的大小(高度)
<hr width=value> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
表 格
<table>……</table> 创建一个表格
<tr>……</tr> 开始表格中的每一行
<td>……</td> 开始一行中的每一个格子
<th>……</th> 设置表格头:一个通常使用黑体居中文字的格子
表 格 属 性
<table border=value> 设置围绕表格的边框的宽度
<table cellspacing=value> 设置表格格子之间空间的大小
<table cellpadding=value> 设置表格格子边框与其内部内容之间空间的大小
<table width=value 或 %> 设置表格的宽度-用绝对像素值或文档总宽度的百分比
<tr align=……> 设置表格格子的水平对齐(左中右)
<tr valign=……> 设置表格格子的垂直对齐(上中下)
<td colspan=value> 设置一个表格格子应跨占的列数(缺省为1)
<td rowspan=value> 设置一个表格格子应跨占的行数(缺省为1)
窗 框
<frameset>……</frameset> 放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中
<frameset rows="value,value"> 定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
<frameset cols="value,value"> 定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
<frame> 定义一个窗框内的单一窗或窗区域
<noframes>……</noframes> 定义在不支持窗框的浏览器中显示什么提示
窗 框 属 性
<frame src="/URL"> 规定窗框内显示什么HTML文档
<frame name="name"> 命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=value> 定义窗框左右边缘的空白大小,必须大于等于1
<frame marginheight=value> 定义窗框上下边缘的空白大小,必须大于等于1
<frame scrolling=value> 设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"
<frame noresize> 禁止用户调整一个窗框的大小
表 单 对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
<form>……</form> 创建所有表单
<select multiple name="NAME" size=value>………</select> 创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
<option> 设置每个表单项的内容
<select name="NAME">……</select> 创建一个下拉菜单
<textarea name="NAME" cols=value rows=value>……</textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox" name="NAME"> 创建一个复选框,文字在标签后面
<input type="radio" name="NAME" value="x"> 创建一个单选框,文字在标签后面
<input type=text name="……" size=value> 创建一个单行文本输入区域,size设置以字符计的宽度
<input type="submit" value="NAME"> 创建一个submit(提交)按钮
<input type="image" border=0 name="NAME" src="/name.gif"> 创建一个使用图象的submit(提交)按钮
<input type="reset"> 创建一个reset(重置)按钮
附 加 属 性
<PRE>……</PRE> 预置格式风格标签用来显示字体宽度固定的文本块,主要用来在表格格式中显示文本
<TT>……</TT> 打字机风格用来显示打字机字体宽度固定的文本
<SAMP>……</SAMP> 示例风格以单倍距显示文本
<ADDRESS>……</ADDRESS> 地址风格一般用于文档的开始或结尾处,并以斜体格式显示文本。
<DL>……</DL> 定义列表风格用来显示术语及其定义
颜色
#=rrggbb 16 进制 RGB 数值,或者是下列预定义色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:
<LINK REL="stylesheet" href="/style.css">REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详述。[返回本页首部]
BODY
BODY标记有一些属性,用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK—— 文字的颜色。
ALINK:当前激活的连接的文字颜色。
LINK: 连接的文字颜色。
TEXT: 文字的颜色。
VLINK:点过的文字颜色。
注意:文字的颜色要和背景色有明显的差别,以便读者浏览。
BACKGROUND、BGCOLOR——页面的背景部分。
BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
BGCOLOR:背景色。
注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。
什么是 HTML?
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,
而是使用标签来解释页面的内容。
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 段落是通过 <p> 标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。
HTML 图像是通过 <img> 标签进行定义的。
注意:HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。
W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,
而在未来 (X)HTML 版本中强制使用小写。
基 本 标 签
所有HTML文件都有的
<html>……</html> 表示文件类型为HTML文档
<head>……</head> 设置文档描述及其他不在WEB网页上显示的信息
<body>……</body> HTML文档的主体(页面的实际内容)
标 题 标 签
<title>……</title> 在标题栏中显示的题目(放在<head></head>内)
页 面 属 性 标 签
<body>……</body>标签的扩展属性。使用详解
<body bgcolor=#……> 设置背景颜色,用名字或十六进制值
<body text=#……> 设置文本文字颜色,用名字或十六进制值
<body link=#……> 设置链接颜色,用名字或十六进制值
<body vlink=#……> 设置已使用的链接的颜色,用名字或十六进制值
<body alink=#……> 设置正在被击中链接的颜色,用名字或十六进制值
文 本 标 签
<pre>……</pre> 创建预格式化文本
<h1>……</h1> 创建最大的标题
<h6>……</h6> 创建最小的标题
<b>……</b> 创建黑体字
<i>……</i> 创建斜体字
<em>……</em> 加重(通常是斜体加黑体)
<strong>……</strong> 强调(通常是斜体加黑体)
<font size=value></font> 设置字体大小,从1到7
<font color=……></font> 设置字体的颜色,使用名字或十六进制值
链 接
<a href="/URL"></a> 创建一个超链接
<a href="mailto:EMAIL"> </a> 创建一个自动发送电子邮件的链接
<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接
格 式 排 版
<p> 创建一个新的段落
<p align=……> 将段落按左、中、右对齐
<br/> 插入一个回车换行符
<dl>……</dl> 创建一个定义列表
<dt> 放在每个定义术语词之前
<dd> 放在每个定义之前
<ol>……</ol> 创建一个标有数字的列表
<li> 放在每个数字列表项之前,并加上一个数字
<ul>……</ul> 创建一个标有圆点的列表
<li> 放在每个圆点列表项之前,并加上一个圆点
<div align=……> 一个用来排版大块HTML段落的标签,也用于格式化表
<div> 定义文档中的分区或节(division/section)。
<span> 定义 span,用来组合文档中的行内元素。
图 形 元 素
<img src="name"> 添加一个图像
<img src="name" align=value> 排列对齐一个图像:左中右或上中下
<img src="name" border=value> 设置围绕一个图像的边框的大小
<hr> 加入一条水平线
<hr size=value> 设置水平线的大小(高度)
<hr width=value> 设置水平线的宽度(百分比或绝对像素点)
<hr noshade> 创建一个没有阴影的水平线
表 格
<table>……</table> 创建一个表格
<tr>……</tr> 开始表格中的每一行
<td>……</td> 开始一行中的每一个格子
<th>……</th> 设置表格头:一个通常使用黑体居中文字的格子
表 格 属 性
<table border=value> 设置围绕表格的边框的宽度
<table cellspacing=value> 设置表格格子之间空间的大小
<table cellpadding=value> 设置表格格子边框与其内部内容之间空间的大小
<table width=value 或 %> 设置表格的宽度-用绝对像素值或文档总宽度的百分比
<tr align=……> 设置表格格子的水平对齐(左中右)
<tr valign=……> 设置表格格子的垂直对齐(上中下)
<td colspan=value> 设置一个表格格子应跨占的列数(缺省为1)
<td rowspan=value> 设置一个表格格子应跨占的行数(缺省为1)
窗 框
<frameset>……</frameset> 放在一个窗框文档的<body>标签之前,也可以嵌在其他窗框文档中
<frameset rows="value,value"> 定义一个窗框内的行数,可以使用绝对像素值或高度的百分比
<frameset cols="value,value"> 定义一个窗框内的列数,可以使用绝对像素值或宽度的百分比
<frame> 定义一个窗框内的单一窗或窗区域
<noframes>……</noframes> 定义在不支持窗框的浏览器中显示什么提示
窗 框 属 性
<frame src="/URL"> 规定窗框内显示什么HTML文档
<frame name="name"> 命名窗框或区域以便别的窗框可以指向它
<frame marginwidth=value> 定义窗框左右边缘的空白大小,必须大于等于1
<frame marginheight=value> 定义窗框上下边缘的空白大小,必须大于等于1
<frame scrolling=value> 设置窗框是否有滚动栏,其值可以是"yes","no","auto",缺省时一般为"auto"
<frame noresize> 禁止用户调整一个窗框的大小
表 单 对于功能性的表单,一般需要运行一个CGI小程序,HTML仅仅是产生表单的表面样子。
<form>……</form> 创建所有表单
<select multiple name="NAME" size=value>………</select> 创建一个滚动菜单,size设置在需要滚动前可以看到的表单项数目
<option> 设置每个表单项的内容
<select name="NAME">……</select> 创建一个下拉菜单
<textarea name="NAME" cols=value rows=value>……</textarea> 创建一个文本框区域,列的数目设置宽度,行的数目设置高度
<input type="checkbox" name="NAME"> 创建一个复选框,文字在标签后面
<input type="radio" name="NAME" value="x"> 创建一个单选框,文字在标签后面
<input type=text name="……" size=value> 创建一个单行文本输入区域,size设置以字符计的宽度
<input type="submit" value="NAME"> 创建一个submit(提交)按钮
<input type="image" border=0 name="NAME" src="/name.gif"> 创建一个使用图象的submit(提交)按钮
<input type="reset"> 创建一个reset(重置)按钮
附 加 属 性
<PRE>……</PRE> 预置格式风格标签用来显示字体宽度固定的文本块,主要用来在表格格式中显示文本
<TT>……</TT> 打字机风格用来显示打字机字体宽度固定的文本
<SAMP>……</SAMP> 示例风格以单倍距显示文本
<ADDRESS>……</ADDRESS> 地址风格一般用于文档的开始或结尾处,并以斜体格式显示文本。
<DL>……</DL> 定义列表风格用来显示术语及其定义
颜色
#=rrggbb 16 进制 RGB 数值,或者是下列预定义色彩:
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本页首部]
显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:
<LINK REL="stylesheet" href="/style.css">REL参数说明两个文档之间的关系,HREF说明目标文档名。关于层叠样式表,将在后面的课程中详述。[返回本页首部]
BODY
BODY标记有一些属性,用于定义页面内的显示效果。 ALINK、LINK、TEXT、VLINK—— 文字的颜色。
ALINK:当前激活的连接的文字颜色。
LINK: 连接的文字颜色。
TEXT: 文字的颜色。
VLINK:点过的文字颜色。
注意:文字的颜色要和背景色有明显的差别,以便读者浏览。
BACKGROUND、BGCOLOR——页面的背景部分。
BACKGROUND:背景图案,该图案在页面内平铺。背景图案应保持单一色调,以保证页面文字易于阅读。
BGCOLOR:背景色。
注意:如果你的背景图案是深色调,因之文字颜色为淡颜色,那么由于浏览器调用页面的顺序是“背景色-文字-背景图案”,那么在背景图案没有显示的情况下,你的文字在白颜色下很难阅读,所以应该选用一个跟你的背景图案颜色一致的背景色。
0 0
- Lesson_for_java_day01---html标记大全
- Lesson_for_java_day01---html初步认识
- HTML标记大全参考手册
- HTML标记大全参考手册
- HTML标记大全
- HTML标记大全参考手册
- HTML标记大全参考手册
- HTML标记大全参考手册
- HTML 标记大全
- html标记大全
- HTML标记大全参考手册
- HTML标记大全
- html 中的标记大全
- HTML标记大全参考手册
- HTML标记大全
- HTML标记大全
- HTML 标记大全参考手册
- HTML META标记用法大全
- 【精心推荐】几款极好的 JavaScript 文件上传插件
- 数据库练习
- POJ 计算几何入门题目推荐(转)
- 在Linux C/C++中捕获段错误
- 通过反射查看类信息---获得Class对象
- Lesson_for_java_day01---html标记大全
- Android布局文件layout.xml的一些属性值
- 抽象类合接口的区别 (abstract与interface)
- cocos2d 如何将jobject转换成jstring--以及将char*转换成java的jstring
- Android 左右椭圆形状的ProgressBar 的自定义实现
- HDU 1166 敌兵布阵 (树状数组--单点更新,区间求值)
- 黑马程序员 C语言-----数组基本概念 以及选择 冒泡排序理解
- backtrace打印堆栈的信号问题
- java.lang.NullPointerException: Expected timestamp in the Flume event headers, but it was null