PHP自学之路------HTML（第一天）
1 HTML：超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。可以显示图片、文字、视频等
<input type=”text” name=”xxxx’>
☞标记==元素
2 基本框架
<html>
<head></head>
<body></body>
</html>
3 HTML运行原理
1、 本地运行
直接用浏览器打开
2、 远程运行
架设服务器apache，可访问页面。
4 符号
5 链接
<a href="news:alt.html">HTML Newsgroup</a>
6 图片
<img src="D:\游戏\新建文件夹\深圳之行\109___12\IMG_0436.JPG" width="200px" style="border:3px solid red" alt="我的图片"/></br>
2013/4/12
第一个练习：
<!--HTML 注释我是HTML文件--> <html> <head> <title>第一个练习hello world！！</title> <body>2013 4 11晚21点17分,学习HTML，不知道自己能坚持学习多久，能学习多久！</body> <a href="demo1.html">返回demo1.html</a> </head> </html>
第二个练习：
<html> <head> <title>这是HTML基础练习</title></head> <body> <h1>我爱你，我的故乡</h1> <!-- b 加粗--> <b>无论身在何处</b><br/> <font color="red">请不要忘记，故乡</font><br/> <!--size = 1~7 --> <font color="blue" size=7>那是一个美丽的地方</font><br/> <p>这是一个段落</p> 版权符号 <font size="7">© ¥</font> <a href="hello.html">hello.html</a><br/> <!--URL 统一资源--> <a href="http://blog.csdn.net/jsh13417" target="window_name">我的博客</a><br/> <!--图片--> <img src="D:\游戏\新建文件夹\深圳之行\109___12\IMG_0436.JPG" width="200px" style="border:3px solid red" alt="我的图片"/></br> </body> </html>
效果图：
7 表格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> 表格练习 </title>
</head>
<body>
<!--
<table align="center" height="100px" bgcolor="blue" border="3px" width="400px">
<tr align="center">
<td>11</td>
<td>22</td>
<td>33</td>
</tr>
<tr align="center" >
<td>44</td>
<td>55</td>
<td>66</td>
</tr>
<tr align="center">
<td align="left">77</td>
<td>88</td>
<td>99</td>
</tr>-->
<!--练习-->
<table background="http://imgstatic.baidu.com/img/image/shouye/chuangyibizhi.jpg" tppabs="" bgcolor="red" bordercolor="#FAEBD7" cellpadding="5px" cellspacing="2px" align="center" width="500px" border="2px">
<tr>
<!-- colspan="3" 表示占3列-->
<td align="center" colspan="3">菜谱</td>
</tr>
<tr >
<td rowspan="2"> <font color="red"><b>素菜</b></font> </td>
<td>清炒茄子</td>
<td>花椒扁豆</td>
</tr >
<tr >
<td>土豆丝</td>
<td>地三鲜</td>
</tr>
<tr >
<td rowspan="2">荤菜</td>
<td>回锅肉</td>
<td>小炒肉</td>
</tr>
<tr >
<td>鱼香肉丝 <img src="http://imgstatic.baidu.com/img/image/shouye/xiaohua.jpg" width="80px" alt="这是我的女朋友，你信吗?"/> </td>
<td>大盘鸡</td>
</tr>
</table>
</table>
</body>
</html>
显示效果：
8 liebiao
<html>
<head>
<title> 列表学习</title>
</head>
<body>
</body>
<h2>无序列表</h2>
<!-- type disc circle square-->
<ul type="circle">
<li> C语言学习不好</li>
<li> PHP学习不好</li>
<li> SHELL学习不好</li>
</ul>
<h2>有序列表</h2>
<!-- type 用于指定什么来显示，start 从什么开始-->
<ol type="i" start="i">
<li> C语言学习不好</li>
<li> PHP学习不好</li>
<li> SHELL学习不好</li>
</ol>
<h2>一个嵌套列表：</h2>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>
<h2>一个定义列表：</h2>
<dl>
<dt>咖啡</dt>
<dd>黑色的热饮料</dd>
<dt>Milk</dt>
<dd>白色的冷饮料</dd>
</dl>
</html>
效果：
9 frame 框架集
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面
分为：垂直框架 cols=”30#,*”; 水平框架 rows="25%,50%,25%"> %数是页面占的%比。
下面具体事例：<!--frameset.html-->
<html>
<head>
<title> frame 框架学习</title>
</head>
<!-- 该页面用户保护其他页面
注意：该页面不能有任何文字及<body>体及内容-->
<frameset rows="40%,*">
<frame src="../table.html"/>
<frameset cols="30%,*">
<frame name="frame1" src="a1.html"/>
<frame name="frame2" src="a2.html"/>
</frameset>
</frameset>
</html>上面 feameset.html 用于显示其他页面，这个需要注意代码中的描述。
<!--a1.html--> <body bgcolor="prnk"> <!--target 表示点击链接后显示在那个页面上--> <a href="1.html" target="frame2">项目1</a><br/> <a href="2.html" target="frame2">项目2</a><br/> <body>
2、_self 表示替换本页面。
3、_top
4\_parent
另外就是像上面写的直接对应本例子中的名字frame2.
a2.html 是个空什么都没有
1.html，及2.html
<body> 本项目是针对公司系统产品进行的二次开发 </body>页面效果：
10 内联框架
<html> <body> <iframe src="http://www.baidu.com/" width="500px" height="300px"></iframe> <p>一些老的浏览器不支持 iframe。</p> <p>如果得不到支持，iframe 是不可见的。</p> </body> </html>
默认新窗口打开所有超链接设置加下面的语句就可以了
<base target="_blank“>