html介绍

时间:2021-04-20 05:19:05

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介绍

html介绍

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表格的主要用途

表格的主要用途是显示数据和图片,外加布局

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 表示填充大小 :各行各列中的内容,可以扩大这个细胞的大小