PHP 教程
PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。
PHP 是免费的,并且使用广泛。对于像微软 ASP 这样的
<!DOCTYPE html> <html> <body> <?php echo "我的第一段 PHP 脚本!"; ?> </body> </html>
Dammit! 为什么有这么多的事情值得吐槽?
PHP 是一种创建动态交互性站点的强有力的服务器端脚本语言。
PHP 是免费的,并且使用广泛。对于像微软 ASP 这样的
<!DOCTYPE html> <html> <body> <?php echo "我的第一段 PHP 脚本!"; ?> </body> </html>
并非莫名其妙的感觉,看到即便是工作了,也会有分别之时,想想现在,想想过去,总是会分离,然后再相遇另一伙人,然后再与另一伙人说再见,然后这条路还是要继续走下去,无穷尽,没有什么好悲伤的了,或许吧
(图 2014年8月9日 下午 拍摄)
HTML里,比较基础的Tag主要用于标题,段落和分行。
学习HTML最好的方法,就是跟着示例学。
正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用<h1>到<h6>这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
段落划分
在HTML里用<p>和</p>划分段落。
<p>This is a paragraph</p>
<p>This is another paragraph</p>
换行
通过使用<br>这个Tag,可以在不新建段落的情况下换行。<br>没有Closing Tag。
用<p>换行是个坏习惯,正确的是使用<br>。
<p>This <br> is a para<br>graph with line breaks</p>
HTML注释
在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在<!–和–>之间。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。
<!– This is a comment –>
一些小建议
HTML文件会自动截去多余的空格。不管你加多少空格,都被看做一个空格。一个空行也被看做一个空格。
有些Tag能够将文本自成一段,而不需要使用<p></p>来分段。比如<h1></h1>之类的标题Tag。
更多示例
这个示例显示了段落的特性。
换行
这个示例告诉你如何在HTML文件里换行。
<html> <body> <p> 要<br>在一段<br>里<br>换行<br>请使用<br>br这个Tag。 </p> </body> </html>
正文标题
这个示例教会你如何在HTML文件里显示正文标题。
<html> <body> <h1>这是1号标题</h1> <h2>这是2号标题</h2> <h3>这是3号标题</h3> <h4>这是4号标题</h4> <h5>这是5号标题</h5> <h6>这是6号标题</h6> </body> </html>
居中的正文标题
这个示例告诉你如何将正文标题居中显示。
<html> <body> <h1 align="center">这是标题</h1> <p>上面的标题是居中显示的。</p> </body> </html>
加条横线
这个示例演示了如何在HTML文中加条横线。
<html> <body> <p>用hr这个Tag可以在HTML文件里加一条横线。</p> <hr> <p>村妇想像皇宫的生活:皇后得用金扁担挑水吧。</p> <hr> <p>问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。</p> <hr> <p>初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……</p> </body> </html>
代码注释
这个示例演示如何在HTML代码中加上代码注释,这些注释只显示在HTML源代码中,而源代码最终形成的网页里是看不到这些注释的。
<html> <body> <!--这是代码注释--> <p>代码注释是不会显示在网页里的。</p> </body> </html>
背景颜色
这个示例演示如何改变HTML文件的背景色。
<html> <body bgcolor="yellow"> <h2>看,这个页面是黄色的。</h2> </body> </html>
什么是HTML文件?
这就试写一个HTML文件吧!
打开你的Notepad,新建一个文件,然后拷贝以下代码到这个新文件,然后将这个文件存成first.html。
<html> <head> <title>Title of page</title> </head> <body> This is my first homepage. <b>This text is bold</b> </body> </html>
要浏览这个first.html文件,双击它。或者打开浏览器,在File菜单选择Open,然后选择这个文件就行了。
示例解释
这个文件的第一个Tag是<html>,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</html>,表示HTML文件到此结束。
在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。
在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。
在<body>和</body>之间的信息,是正文。
在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。
HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<html>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。
HTML元素(HTML Elements)
HTML元素(HTML Elements)的属性
HTML元素可以拥有属性。属性可以扩展HTML元素的能力。
比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:
<body bgcolor=”red”>
再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下:
<table border=”0″>
属性通常由属性名和值成对出现,就像这样:name=”value”。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。
属性通常是附加给HTML的Opening Tag,而不是Closing Tag。
字符 | 十进制 | 转义字符 | 字符 | 十进制 | 转义字符 | 字符 | 十进制 | 转义字符 |
---|---|---|---|---|---|---|---|---|
? | ¡ | ¡ | Á | Á | Á | á | á | á |
¢ | ¢ | ¢ | Â | Â | ˆ | â | â | â |
£ | £ | £ | Ã | Ã | Ã | ã | ã | ã |
¤ | ¤ | ¤ | Ä | Ä | Ä | ä | ä | ä |
¥ | ¥ | ¥ | Å | Å | ˚ | å | å | å |
| | ¦ | ¦ | Æ | Æ | Æ | æ | æ | æ |
§ | § | § | Ç | Ç | Ç | ç | ç | ç |
¨ | ¨ | ¨ | È | È | È | è | è | è |
© | © | © | É | É | É | é | é | é |
a | ª | ª | Ê | Ê | Ê | ê | ê | ê |
? | « | « | Ë | Ë | Ë | ë | ë | ë |
? | ¬ | ¬ | Ì | Ì | Ì | ì | ì | ì |
/x7f | ­ | ­ | Í | Í | Í | í | í | í |
® | ® | ® | Î | Î | Î | î | î | î |
ˉ | ¯ | ¯ | Ï | Ï | Ï | ï | ï | ï |
° | ° | ° | Ð | Ð | Ð | ð | ð | &ieth; |
± | ± | ± | Ñ | Ñ | Ñ | ñ | ñ | ñ |
2 | ² | ² | Ò | Ò | Ò | ò | ò | ò |
3 | ³ | ³ | Ó | Ó | Ó | ó | ó | ó |
′ | ´ | ´ | Ô | Ô | Ô | ô | ô | ô |
μ | µ | µ | Õ | Õ | Õ | õ | õ | õ |
? | ¶ | ¶ | Ö | Ö | Ö | ö | ö | ö |
· | · | · | × | × | × | ÷ | ÷ | ÷ |
? | ¸ | ¸ | Ø | Ø | Ø | ø | ø | ø |
1 | ¹ | ¹ | Ù | Ù | Ù | ù | ù | ù |
o | º | º | Ú | Ú | Ú | ú | ú | ú |
? | » | » | Û | Û | Û | û | û | û |
? | ¼ | ¼ | Ü | Ü | Ü | ü | ü | ü |
? | ½ | ½ | Ý | Ý | Ý | ý | ý | ý |
? | ¾ | ¾ | Þ | Þ | Þ | þ | þ | þ |
? | ¿ | ¿ | ß | ß | ß | ÿ | ÿ | ÿ |
À | À | À | à | à | à |
近期评论