写给像我这种菜鸟看的HTML入门篇:最近基于
LAMP写了一个非常简单的个人主页,嵌入了搜索引擎框还有一个登陆界面,以及简单的网址导航。主要是在
这里学的,因为说不能转载,所以我改写了内容。欢迎菜鸟一起讨论HTML以及相关的内同。个人觉得
W3shool是个不错的学习之地。
<html>
<body>
<h1>My Heading</h1>
<p>My paragraph.</p>
</body>
</html>
HTML(Hyper Text Markup Language) 是用来描述网页的一种语言。而不是用来编程的语言,这和C语言是不一样的,XML是用于存储传输网页信息的,而HTML是用于显示网页信息的,要注意两者的分别。HTML 文档实际上就是我们称的网页。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。当然不会显示标签。
HTML 图像是通过 <img> 标签进行定义的,例如:
<img src="w3school.jpg" width="104" height="142" />
表格
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格
的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">
<tr>
<td>水果 西瓜</td>
<td>水果苹果</td>
</tr>
<tr>
<td>蔬菜西兰花</td>
<td>蔬菜大头菜</td>
</table>
表格的表头,其实这个和上面的是一样的,但是只是在上面多了一栏表的列名。比如上面是第一列的列名是我爱吃的,第二列是她爱吃的。
表格的表头使用 <th> 标签进行定义。
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
</table>
表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
文本域(Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。就像我们的人人网输邮箱和密码的那样的形式。
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。就像注册时选性别那样。
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。就像勾选自己的兴趣爱好那样。表单的动作属性(Action)和确认按钮。当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
最近对HTML做了一些了解,没有系统的详细的去学习它的语法知识,从基础的层面上做了一些了解。
什么是 HTML?下面就是<html>
<body>
<h1>My Heading</h1>
<p>My paragraph.</p>
</body>
</html>
HTML(Hyper Text Markup Language) 是用来描述网页的一种语言。而不是用来编程的语言,这和C语言是不一样的,XML是用于存储传输网页信息的,而HTML是用于显示网页信息的,要注意两者的分别。HTML 文档实际上就是我们称的网页。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。当然不会显示标签。
HTML 有许多标签--tags,HTML 标签是由尖括号包围的关键词,比如 <html>,HTML 标签通常是成对出现的,比如 <b> 和 </b>,但是我们的换行的标签<br/>就没有这么幸运了。HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
HTML 链接是通过 <a> 标签进行定义的。例如:
<a href="http://www.w3school.com.cn">This is a link</a>HTML 图像是通过 <img> 标签进行定义的,例如:
<img src="w3school.jpg" width="104" height="142" />
HTML注释的注释是这样的 <!-->
HTML 的 style 属性
style 属性的作用:提供了一种改变所有 HTML 元素的样式的通用方法。样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。CSS我还没有学。。。表格
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格
的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1">
<tr>
<td>水果 西瓜</td>
<td>水果苹果</td>
</tr>
<tr>
<td>蔬菜西兰花</td>
<td>蔬菜大头菜</td>
</tr>
那它就是这样的:
水果 西瓜 | 水果苹果 |
蔬菜西兰花 | 蔬菜大头菜 |
</table>
表格的表头,其实这个和上面的是一样的,但是只是在上面多了一栏表的列名。比如上面是第一列的列名是我爱吃的,第二列是她爱吃的。
表格的表头使用 <th> 标签进行定义。
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
<tr>
<td>XXX</td>
<td>XXX</td>
</tr>
</table>
表单是一个包含表单元素的区域。表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
文本域(Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。就像我们的人人网输邮箱和密码的那样的形式。
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
单选按钮(Radio Buttons)
当用户从若干给定的的选择中选取其一时,就会用到单选框。就像注册时选性别那样。
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。就像勾选自己的兴趣爱好那样。表单的动作属性(Action)和确认按钮。当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
带有提交按钮的,就像搜索引擎那样的形式。或者像写日志是长传图片时点击的浏览一样。
<form name="input" action="html_form_action.asp" method="get">Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</f>
先这么多,没有太多时间,copy了不w3chool的内容,做了不少修改和调整。
HTML4.01参考手册,更多请参考这里
标签 | 描述 | DTD |
---|---|---|
<!--...--> | 定义注释。 | STF |
<!DOCTYPE> | 定义文档类型。 | STF |
<a> | 定义锚。 | STF |
<abbr> | 定义缩写。 | STF |
<acronym> | 定义只取首字母的缩写。 | STF |
<address> | 定义文档作者或拥有者的联系信息。 | STF |
<applet> | 不赞成使用。定义嵌入的 applet。 | TF |
<area> | 定义图像映射内部的区域。 | STF |
<b> | 定义粗体字。 | STF |
<base> | 定义页面中所有链接的默认地址或默认目标。 | STF |
<basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 | TF |
<bdo> | 定义文字方向。 | STF |
<big> | 定义大号文本。 | STF |
<blockquote> | 定义长的引用。 | STF |
<body> | 定义文档的主体。 | STF |
<br> | 定义简单的折行。 | STF |
<button> | 定义按钮 (push button)。 | STF |
<caption> | 定义表格标题。 | STF |
<center> | 不赞成使用。定义居中文本。 | TF |
<cite> | 定义引用(citation)。 | STF |
<code> | 定义计算机代码文本。 | STF |
<col> | 定义表格中一个或多个列的属性值。 | STF |
<colgroup> | 定义表格中供格式化的列组。 | STF |
<dd> | 定义定义列表中项目的描述。 | STF |
<del> | 定义被删除文本。 | STF |
<dir> | 不赞成使用。定义目录列表。 | TF |
<div> | 定义文档中的节。 | STF |
<dfn> | 定义定义项目。 | STF |
<dl> | 定义定义列表。 | STF |
<dt> | 定义定义列表中的项目。 | STF |
<em> | 定义强调文本。 | STF |
<fieldset> | 定义围绕表单中元素的边框。 | STF |
<font> | 不赞成使用。定义文字的字体、尺寸和颜色。 | TF |
<form> | 定义供用户输入的 HTML 表单。 | STF |
<frame> | 定义框架集的窗口或框架。 | F |
<frameset> | 定义框架集。 | F |
<h1> to <h6> | 定义 HTML 标题。 | STF |
<head> | 定义关于文档的信息。 | STF |
<hr> | 定义水平线。 | STF |
<html> | 定义 HTML 文档。 | STF |
<i> | 定义斜体字。 | STF |
<iframe> | 定义内联框架。 | TF |
<img> | 定义图像。 | STF |
<input> | 定义输入控件。 | STF |
<ins> | 定义被插入文本。 | STF |
<isindex> | 不赞成使用。定义与文档相关的可搜索索引。 | TF |
<kbd> | 定义键盘文本。 | STF |
<label> | 定义 input 元素的标注。 | STF |
<legend> | 定义 fieldset 元素的标题。 | STF |
<li> | 定义列表的项目。 | STF |
<link> | 定义文档与外部资源的关系。 | STF |
<map> | 定义图像映射。 | STF |
<menu> | 不赞成使用。定义菜单列表。 | TF |
<meta> | 定义关于 HTML 文档的元信息。 | STF |
<noframes> | 定义针对不支持框架的用户的替代内容。 | TF |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 | STF |
<object> | 定义内嵌对象。 | STF |
<ol> | 定义有序列表。 | STF |
<optgroup> | 定义选择列表中相关选项的组合。 | STF |
<option> | 定义选择列表中的选项。 | STF |
<p> | 定义段落。 | STF |
<param> | 定义对象的参数。 | STF |
<pre> | 定义预格式文本。 | STF |
<q> | 定义短的引用。 | STF |
<s> | 不赞成使用。定义加删除线的文本。 | TF |
<samp> | 定义计算机代码样本。 | STF |
<script> | 定义客户端脚本。 | STF |
<select> | 定义选择列表(下拉列表)。 | STF |
<small> | 定义小号文本。 | STF |
<span> | 定义文档中的节。 | STF |
<strike> | 不赞成使用。定义加删除线文本。 | TF |
<strong> | 定义强调文本。 | STF |
<style> | 定义文档的样式信息。 | STF |
<sub> | 定义下标文本。 | STF |
<sup> | 定义上标文本。 | STF |
<table> | 定义表格。 | STF |
<tbody> | 定义表格中的主体内容。 | STF |
<td> | 定义表格中的单元。 | STF |
<textarea> | 定义多行的文本输入控件。 | STF |
<tfoot> | 定义表格中的表注内容(脚注)。 | STF |
<th> | 定义表格中的表头单元格。 | STF |
<thead> | 定义表格中的表头内容。 | STF |
<title> | 定义文档的标题。 | STF |
<tr> | 定义表格中的行。 | STF |
<tt> | 定义打字机文本。 | STF |
<u> | 不赞成使用。定义下划线文本。 | TF |
<ul> | 定义无序列表。 | STF |
<var> | 定义文本的变量部分。 | STF |
<xmp> | 不赞成使用。定义预格式文本。 |
按功能
标签 | 描述 | DTD |
---|---|---|
<!DOCTYPE> | 定义文档类型。 | STF |
<html> | 定义 HTML 文档。 | STF |
<body> | 定义文档的主体。 | STF |
<h1> to <h6> | 定义 HTML 标题。 | STF |
<p> | 定义段落。 | STF |
<br> | 定义简单的折行。 | STF |
<hr> | 定义水平线。 | STF |
<!--...--> | 定义注释。 | STF |
标签 | 描述 | DTD |
---|---|---|
<b> | 定义粗体文本。 | STF |
<font> | 不赞成使用。定义文本的字体、尺寸和颜色 | TF |
<i> | 定义斜体文本。 | STF |
<em> | 定义强调文本。 | STF |
<big> | 定义大号文本。 | STF |
<strong> | 定义语气更为强烈的强调文本。 | STF |
<small> | 定义小号文本。 | STF |
<sup> | 定义上标文本。 | STF |
<sub> | 定义下标文本。 | STF |
<bdo> | 定义文本的方向。 | STF |
<u> | 不赞成使用。定义下划线文本。 | TF |
标签 | 描述 | DTD |
---|---|---|
<pre> | 定义预格式文本 | STF |
<code> | 定义计算机代码文本。 | STF |
<tt> | 定义打字机文本。 | STF |
<kbd> | 定义键盘文本。 | STF |
<var> | 定义文本的变量部分。 | STF |
<dfn> | 定义定义项目。 | STF |
<samp> | 定义计算机代码样本。 | STF |
<xmp> | 不赞成使用。定义预格式文本。 |
标签 | 描述 | DTD |
---|---|---|
<acronym> | 定义只取首字母的缩写。 | STF |
<abbr> | 定义缩写。 | STF |
<address> | 定义文档作者或拥有者的联系信息。 | STF |
<blockquote> | 定义块引用。 | STF |
<center> | 不赞成使用。定义居中文本。 | TF |
<q> | 定义短的引用。 | STF |
<cite> | 定义引用(citation)。 | STF |
<ins> | 定义被插入文本。 | STF |
<del> | 定义被删除文本。 | STF |
<s> | 不赞成使用。定义加删除线的文本。 | TF |
<strike> | 不赞成使用。定义加删除线的文本。 | TF |
标签 | 描述 | DTD |
---|---|---|
<a> | 定义锚。 | STF |
<link> | 定义文档与外部资源的关系。 | STF |
标签 | 描述 | DTD |
---|---|---|
<frame> | 定义框架集的窗口或框架。 | F |
<frameset> | 定义框架集。 | F |
<noframes> | 定义针对不支持框架的用户的替代内容。 | TF |
<iframe> | 定义内联框架。 | TF |
标签 | 描述 | DTD |
---|---|---|
<form> | 定义供用户输入的 HTML 表单。 | STF |
<input> | 定义输入控件。 | STF |
<textarea> | 定义多行的文本输入控件。 | STF |
<button> | 定义按钮。 | STF |
<select> | 定义选择列表(下拉列表)。 | STF |
<optgroup> | 定义选择列表中相关选项的组合。 | STF |
<option> | 定义选择列表中的选项。 | STF |
<label> | 定义 input 元素的标注。 | STF |
<fieldset> | 定义围绕表单中元素的边框。 | STF |
<legend> | 定义 fieldset 元素的标题。 | STF |
<isindex> | 不赞成使用。定义与文档相关的可搜索索引。 | TF |
标签 | 描述 | DTD |
---|---|---|
<ul> | 定义无序列表。 | STF |
<ol> | 定义有序列表。 | STF |
<li> | 定义列表的项目。 | STF |
<dir> | 不赞成使用。定义目录列表。 | TF |
<dl> | 定义定义列表。 | STF |
<dt> | 定义定义列表中的项目。 | STF |
<dd> | 定义定义列表中项目的描述。 | STF |
<menu> | 不赞成使用。定义菜单列表。 | TF |
标签 | 描述 | DTD |
---|---|---|
<img> | 定义图像。 | STF |
<map> | 定义图像映射。 | STF |
<area> | 定义图像地图内部的区域。 | STF |
标签 | 描述 | DTD |
---|---|---|
<table> | 定义表格 | STF |
<caption> | 定义表格标题。 | STF |
<th> | 定义表格中的表头单元格。 | STF |
<tr> | 定义表格中的行。 | STF |
<td> | 定义表格中的单元。 | STF |
<thead> | 定义表格中的表头内容。 | STF |
<tbody> | 定义表格中的主体内容。 | STF |
<tfoot> | 定义表格中的表注内容(脚注)。 | STF |
<col> | 定义表格中一个或多个列的属性值。 | STF |
<colgroup> | 定义表格中供格式化的列组。 | STF |
标签 | 描述 | DTD |
---|---|---|
<style> | 定义文档的样式信息。 | STF |
<div> | 定义文档中的节。 | STF |
<span> | 定义文档中的节。 | STF |
标签 | 描述 | DTD |
---|---|---|
<head> | 定义关于文档的信息。 | STF |
<title> | 定义文档的标题。 | STF |
<meta> | 定义关于 HTML 文档的元信息。 | STF |
<base> | 定义页面中所有链接的默认地址或默认目标。 | STF |
<basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 | TF |
标签 | 描述 | DTD |
---|---|---|
<script> | 定义客户端脚本。 | STF |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容。 | STF |
<applet> | 不赞成使用。定义嵌入的 applet。 | TF |
<object> | 定义嵌入的对象。 | STF |
<param> | 定义对象的参数。 | STF |