学过很多语言,最近终于决定要学PHP了。
学习PHP,首先总要学习HTML,那么,我也从HTML开始吧!
首先学习任何编程语言,看再多书,都离不开它——帮助文档
HTML帮助文档:http://pan.baidu.com/s/1hqxOymo
不说不知道,近年来比较火的HTML5,是HTML的一个发展方向,HTML的发展方向如下图,一边是多元化的HTML5,另一边是规范化的XML,过程中还衍生了XHTML!
做网页,总避免不了要使用颜色,颜色有两种表示法,单词表示法和十六进制表示法,其中,十六进制表示法表示的颜色比较全,我也整理了一篇博文,以供查看。
RGB颜色表:http://blog.csdn.net/u010849590/article/details/43339473
编程语言总有一些特殊符号不能直接作为文本显示,HTML也不例外,这些特殊符号在HTML中称为实体,博主也整理了一篇HTML实体对照表,供不时之需。
实体对照表:http://blog.csdn.net/u010849590/article/details/43380181
网页代码是由浏览器直接解析的,编写网页必须选择一种编码,常用的编码有UTF-8、GBK、GD2312等,而浏览器也可以选择一种编码去解析网页。那么,问题来了,如果浏览器选择的编码和编写网页的编码不一致怎么办?解决的办法有是三个:
很明显,一种编码不能适合所有人,而让用户修改浏览器编码也不够智能,所以,前两种都是治标不治本,第三种方法才是王道。
<meta/>是单标签,其用法是
<meta http-equiv="content-type" content="text/html;charset=编码形式" />
以UTF-8为例:
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta/>标签的其他用法,可查看帮助文档。
<base/>标签可设置超链接,如将相对路径装换为绝对路径、打开方式等。<base/>是单标签,其具体用法可参考帮助文档。
<body>的属性设置会默认为整个网页的默认设置,可设置字体颜色(text)、背景颜色(bgcolor)、背景图片(background)、背景属性(bgproperties)等,还是查看帮助文档!
<p>是段落标签,这个标签比较特殊,既可用作单标签也可用作双标签。用作双标签时,标签之间的内容作为一段显示;作为单标签时,从标签处开始换行。双标签的用法比较标准,也比较普遍。
<pre>标签是双标签,标签内的文本会按照原格式输出,与<xmp>不同,<pre>标签内的标签是可以被解析的,而<xmp>内的标签是不能解析,以文本形式输出的!
<li>标签搭配<ol>和<ul>使用,<li>为列表(list)标签,是双标签,标签间的内容作为列表中的一项显示,默认无序;<ol>标签搭配<li>标签,使列表变为有序列表;<ul>标签搭配<li>使用,作为无序列表组。这些标签的属性可查看帮助文档。
<sub>和<sup>,下标标签和上标标签,均为双标签。
<img>叫做图像标签,用于显示图片,为单标签,src属性设置图片链接,title属性设置鼠标放在上面时显示的名称,alt属性设置图片加载失败显示的名称。其他属性可查帮助文档。
<a>是链接标签,用于超链接,为双标签。href属性设置链接地址,title属性设置标签放在上面时显示的名称,target属性设置打开链接的方式,其他属性,可查看帮助文档。
<a>标签设置锚点,用于链接到特定区域,用name属性。name设置一个名称,href属性设置为"#"+name的名称,即可链接到本页name所在处;若href设置为网页路径+"#"+name的名称,则可链接到该网页的name所在处;herf属性设置为"#"或为空时,跳转到本页头。
当前页跳转
跳转到其他页面
URL:统一资源定位符
URL组成:以http://i.cnblogs.com/EditPosts.aspx?postid=4275104&update=1为例
URL的相对路径:
<table>标签用于构建表格,为双标签。width属性设置表格的宽度,heigth属性设置表格的高度,border属性设置表格的边框,cellspacing属性设置单元格之间的宽度,cellpadding属性设置单元格内容与边框之间的距离。
<tr>标签嵌套<table>标签使用,用于设计表格的行,为双标签。
<td>标签嵌套<tr>标签使用,用于表示表格的单元格,为双标签。rowspan属性设置跨行,属性值表示跨越的行数;colspan属性设置跨列,属性值表示跨越的列数。
<th>标签嵌套<tr>标签使用,用于表示表格的表头,单元格的内容字体加粗、居中。
更多属性可查帮助文档。
HTML的框架(frame),也称为分帧,即将多个页面组合成一个页面显示。
框架的标签:
关于框架的其他属性和用法,可查看帮助文档!
表单:可以把输入的数据传送到服务器端的程序的html元素
关于表单的其他属性和用法,可查看帮助文档!
<div>标签,双标签
由于常与CSS结合使用,在学习CSS时再深入学习!
至此,HTML的基本元素已经学完了,可以开始制作简单的静态网页了,但是离动态网站还远着呢!接着来学CSS吧!
原文:http://www.cnblogs.com/HuangWj/p/4275104.html