Html的介绍
Html 是一种标记语言,主要的用处是开发网页
展示出文字,图片,视频,声音等等
是我们web开发的基础
做什么
所谓的静态页面,指的是能不能交互,而不是东西能不能动
网页设计师(html + css +js +flash +美工)
Html 发展历程
局部浏览器89 Tim.李 第一个web服务器和web客户机
www world wide web 世界范围网
99年 xhtml 2008 年html5 两个分支
W3C
麻省理工学院
是制定web标准的一个机构,html .css,xml等
Html ------xhtml------xml
Html运行原理
本地运行,Html 文件使用浏览器打开 (自己调试)
基本结构:<元素 属性=’属性值’ ………….. > 内容 </元素>
如果没有内容,可以写成<元素 属性=’属性值’ ………….. > </元素>
或者<元素 属性=’属性值’ ………….. />
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<font size=7 color=green > hello world !</font>
</body>
</html>
Size 最大放大到7,如果还要放大,需要使用CSS,即style=”font-size:300px”
注释的写法<!— 内容 -->
服务器端运行(远程访问运行,99%的情况)
需要有服务器环境:tomcat/iis/weblogic 等
案例
<p></p> 段落
<font size =1-7></font>字体大小
<br/>换行
特殊符号 在网页上显示一些特殊的符号
Html超链接
页面之间的链接
<a href='a.html' target='_blank'><font size=5>老鼠爱大米</font></a>
<a></a>是超链接标记
Target 的话两个常用的标志
使用 Target 属性,你可以定义被链接的文档在何处显示
–blank 代表新开一个页面
-self 替换当前页面
链接到邮件
<a href='mailto:ylf8708@126.com' ><font size=5>给管理员写信</font></a><br/>
Html的图片元素
案例
<img src='123.jpg' width=170px /><br/>
控制了宽度以后就会自动调节高度
Html表格的主要用途
表格的主要用途是显示数据和图片,外加布局
<table border=5 cellspacing='10px' cellpadding='10px' align='center' width=500px bgcolor='yellow'>
<tr align='center'><td>1<td><td>2<td><td>3<td><tr>
<tr align='center'><td>1<td><td>2<td><td>3<td><tr>
<tr align='center'><td>1<td><td>2<td><td>3<td><tr>
</table>
Cellspacing 表格空隙大小:指两行,列之间的距离,可以扩大细胞间的距离
Cellpadding 表示填充大小 :各行各列中的内容,可以扩大这个细胞的大小