韩顺平PHP从入门到精通笔记-html
时间：2025-07-11
韩顺平PHP从入门到精通笔记-html篇
Html是什么
1. html (hypertext mark-up language)是 超文本标记语言, 主要的用处是做网页, 可以在网页上显示 文字、图像、视频、声音 <input type=”text” name=”xxx”/>
标记==元素
简单说明一下动态网页的示意图
:
Html历史
1999 html-- xhtml (xhtml 可以理解成就是html的加强版) -xml
韩顺平PHP从入门到精通笔记-html篇
2008 html5.0 W3c的介绍
是一个制定标准的组织 ( 比如 给 html ,xhtml ,css ,xml , wml 制定标准)
不同的浏览器，去访问同一个网页，可能看到的效果是有差别!->hack
Html的运行原理 Hello.html
Html的运行有两种方式
Html文件的基本结构
<html>
<head></head> <body></BODY> </html>
1.本地运行
所谓本地运行就是直接用 浏览器打开
2. 远程访问
韩顺平PHP从入门到精通笔记-html篇
何为协议? 计算机互相通信(网络)的规则. ftp smtp pop http
远程访问的原理示意图:
这里我们涉及到http协议，这里我们没有深入讲解， 但是这是一个非常重要的知识点.
Html的基本结构
<html> <head>
<元素 属性1=”值” ./> </head> <body>
<元素 属性1=”属性值” 属性2=“属性值” >内容</元素> <元素 属性=”属性值”/> </body> </html> 说明
1. 标记通常是成对出现 <head></head> 2. 单标记 <br/>
韩顺平PHP从入门到精通笔记-html篇
案例:
Demo1.htm <html>
<head></head> <body>
<b>横看成林</b><br/><br/>
<font color="red">远近高低各不同</font><br/> <!--size 值可以取 1..7 -->
<font style="font-size:30px;">不知庐山真面目</font><br/> </body> </html>
面试: 请问 后缀 html 和 htm 有什么区别? 答: 1. 如果一个网站有 index.html 和 index.htm 默认情况下，优先访问 .html
韩顺平PHP从入门到精通笔记-html篇
3. htm 后缀是为了兼容以前的dos 系统 8.3的命名规范
html符号实体
说明：当我们在网页中有一些特殊字符时候，可以考虑使用字符实体(char entity)
超链接的案例:
<br/>*****************<br/>
<a href="a.html" target=”_self,_blank,_top,_parent”>连接到a.html</a><br/>
<!--如果我们希望在点击该超链接后，就跳转到外网的某个地址，则应当写完整的url--> <!--url 统一资源定位-->
<a href="http://www.77cn.com.cn">跳转到百度</a><br/>
韩顺平PHP从入门到精通笔记-html篇
<a href="mailto: hanshunping@http://www.77cn.com.cn">联系管理员</a>
图片
:
<img src=”图片的路径/该图片也可是一个url” width=”宽度” heigth=”高度”/>
Html的表格元素 在以前对网页布局要求不高的情况下，使用 table 布局(即使用表格来显示数据，同时用于布局)
快速入门:
韩顺平PHP从入门到精通笔记-html篇
<html> <body>
<table align="center" height="10px" bgcolor="yellow" border="3px" width="400px"> <!--tr表示一行--> <tr align="center"> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr align="right"> <td>2</td>
<td align="center">4</td> <td>5</td> </tr> <tr>
<td>3</td> <td>9</td> <td>10</td> </tr> <tr>
<td>3</td> <td>9</td> <td>10</td> </tr> </table> </body> </html>
应用案例 ：
1. 确定行
韩顺平PHP从入门到精通笔记-html篇
代码 如下:
<html> <body> <!--
<table align="center" height="10px" bgcolor="yellow" border="3px" width="400px"> <!--tr表示一行
<tr align="center"> <td>1</td> <td>2</td> <td>3</td> </tr>
<tr align="right"> <td>2</td>
<td align="center">4</td> <td>5</td> </tr> <tr>
<td>3</td> <td>9</td> <td>10</td> </tr>
韩顺平PHP从入门到精通笔记-html篇
<td>3</td> <td>9</td> <td>10</td> </tr>
</table>-->
<table height="150px"> <tr><td></td></tr> </table>
<!--显示菜单-->
<table border="1" align="center" bordercolor="#E76BFF" height="225px" cellpadding="1px" cellspacing="0px" width="400px" > <tr>
<!--colspan="3" 表该列要占用三列-->
<td align="center" colspan="3">菜谱</td>
</tr> <tr>
<td rowspan="2">素菜</td> <td>青草茄子</td> <td>花椒扁豆</td> </tr> <tr>
韩顺平PHP从入门到精通笔记-html.doc
将本文的Word文档下载到电脑
上一篇：投资商铺有何优势
