Html 是为了在各种网络环境之间，不同文件格式之间进行交流的一种语言格式。
Html 功能：
制作网页，以文本、图像、列表、表格等形式显示信息
通过超链接检索在线的信息
通过表单实现数据的采集和提交，以获取远程服务
在页面中嵌入电子表格、动画、视频或音频剪辑，以及其他一些应用。
Html 文件：
纯文本格式，内含文本信息和文本标记
后缀为“.html”或者“.htm”，标记大小写不敏感。
[b]Html 文档结构[/b]
<html>
<head>
<title>页面标题</title>
</head>
<body>
文件主题
</body>
</html>
[b]Html 基础标记[/b]
文档主体标记<body>
<body>用于标记HTML文档主体部分，文档主体中通常会包含很多其他标记，
这些标记和标记属性构成HTML文档的主体部分。
<body>标记的主要属性
bgcolor 设置页面背景颜色。bgcolor = “#ccffcc”
background 设置页面背景图片。 background = “路径”fi
bgpropcrtics =“fixed” 使背景图片不随着滚动条而滚动
text 设置文档正文的文字颜色 text= “#FF6666”
分段标记： <p>段落文字</p>
换行标记： <p>段内第一行文字<br>段内第二行文字</br>段内第三行文字</p>
正文标题： <h1 aliga =”位置” color=”颜色”></h1>…….<h6></h6> 由大到小
注释标记： <!-注释文字 -->
水平分隔线标记： <hr color =”” size=”” width=”” aliga=”
left|center|light”></hr>
[b]文档头部信息[/b]
<head> 用于标记html文档头部信息，主要是供浏览器或网络搜索引擎使用，
而不会显示在网页正文中
<head> 主要子标记（子元素）
<title> --设置窗口标题 <title>我的网页 </title>
<link> --建立到外部文件（主要是css外部样式表）的链接
<link rel=“stylesheet” href=“mystyle01.css” rype=”text/css”>
<style> --设置网页的内部样式表
<style type= “text/css”>
body{background-color.white;color.red;}
</style>
<meta> --设置当前页面的元数据信息
<meta name="description" content="html实用教程">
<meta name="keywords" content="html,v512工作室，教程">
<meta name="author" content="zlg">
<meta http-equiv="content-type"
content="text/hrml;charset=GBK">
<meta http-equiv="refresh"
content= "5;url=http://www.google.cn">
[b]文本格式[/b]
HTML使用文本格式标记来设置文本信息的显示格式：
标记 显示格式
<b> 粗体（bold）
<i> 斜体（italic）
<del> 文字中部划线表示删除
<ins> 文字下划线表示填充内容
<sub> 下标
<sup> 上标
<pre> 原样显示，保留空格和换行
字体
<font> 标记用于设置字体的类型、大小和颜色。
<font> 标记的属性：
face –设置字体类型 size-设置字体大小（1~6号） color-设置字体颜色
<font face –“宋体” size=”2” color =”#ff0000 ”>文字内容</font>
可以多个组合，也可以单个使用。
[b]图片[/b]
<img> 标记用于在html页面中插入图片
<img src= “youyou.png”>
<img src= “http://www.v512.com/attachments/book.gif”>
<img> 标记的其他属性
alt – 在不支持图片显式的浏览器中将显式本属性值(altermate text)
<img src = “youyou.png” alt = “悠悠的照片”>
width/height – 设置图片大小
<img src =”” width= “200” height = “120”> 以像素为单位
<img src =”” width= “30%” height = “30%”> 以显示窗口的大小的百分比
align – 设置图片的水平和垂直对齐方式
<img src = “” align = “悠悠的照片”>
border – 设置图片边框条宽度
<img src = “” border = “2”>
[b]特殊字符显式[/b]
HTML中可以使用字符实体表示拉丁字符
显示效果 符号说明 实体名表示 实体编号表示
空格符  
< 小于号 ⁢ <
> 大于号 > >
& 符号&（ampersand） & &
" 双引号 " "
© 版权符号 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
[b]超链接[/b]
HTML使用 <a> 标记来实现超链接
<a href = “ http://www.myweb.com”> 我的网页</a>
<a>标记的其他属性：
target – 在指定的窗口或者新窗口中显式链接页面
<a href = “http://www.v512.com/bbs” target =_blank > 论坛</a>
name –设置锚(anchor)标记，实现超链接跳转到页面指定位置
<a name = “p1”>文本内容</a>
<a href= “p1”> 跳转到(锚标记p1)指定的位置</a>
title – 设置超链接的文字说明（鼠标悬停在超链接上时显示）。
<a href = “youyou.png” titl= “点击可以看到我的照片” >悠悠</a>
链接到emaiil地址 <a href = mailto:service@v521.com>联系我们</a>
图片作为超链接 <a href = “…”><img src = “youyou.png”></a>
Html 功能：
制作网页，以文本、图像、列表、表格等形式显示信息
通过超链接检索在线的信息
通过表单实现数据的采集和提交，以获取远程服务
在页面中嵌入电子表格、动画、视频或音频剪辑，以及其他一些应用。
Html 文件：
纯文本格式，内含文本信息和文本标记
后缀为“.html”或者“.htm”，标记大小写不敏感。
[b]Html 文档结构[/b]
<html>
<head>
<title>页面标题</title>
</head>
<body>
文件主题
</body>
</html>
[b]Html 基础标记[/b]
文档主体标记<body>
<body>用于标记HTML文档主体部分，文档主体中通常会包含很多其他标记，
这些标记和标记属性构成HTML文档的主体部分。
<body>标记的主要属性
bgcolor 设置页面背景颜色。bgcolor = “#ccffcc”
background 设置页面背景图片。 background = “路径”fi
bgpropcrtics =“fixed” 使背景图片不随着滚动条而滚动
text 设置文档正文的文字颜色 text= “#FF6666”
分段标记： <p>段落文字</p>
换行标记： <p>段内第一行文字<br>段内第二行文字</br>段内第三行文字</p>
正文标题： <h1 aliga =”位置” color=”颜色”></h1>…….<h6></h6> 由大到小
注释标记： <!-注释文字 -->
水平分隔线标记： <hr color =”” size=”” width=”” aliga=”
left|center|light”></hr>
[b]文档头部信息[/b]
<head> 用于标记html文档头部信息，主要是供浏览器或网络搜索引擎使用，
而不会显示在网页正文中
<head> 主要子标记（子元素）
<title> --设置窗口标题 <title>我的网页 </title>
<link> --建立到外部文件（主要是css外部样式表）的链接
<link rel=“stylesheet” href=“mystyle01.css” rype=”text/css”>
<style> --设置网页的内部样式表
<style type= “text/css”>
body{background-color.white;color.red;}
</style>
<meta> --设置当前页面的元数据信息
<meta name="description" content="html实用教程">
<meta name="keywords" content="html,v512工作室，教程">
<meta name="author" content="zlg">
<meta http-equiv="content-type"
content="text/hrml;charset=GBK">
<meta http-equiv="refresh"
content= "5;url=http://www.google.cn">
[b]文本格式[/b]
HTML使用文本格式标记来设置文本信息的显示格式：
标记 显示格式
<b> 粗体（bold）
<i> 斜体（italic）
<del> 文字中部划线表示删除
<ins> 文字下划线表示填充内容
<sub> 下标
<sup> 上标
<pre> 原样显示，保留空格和换行
字体
<font> 标记用于设置字体的类型、大小和颜色。
<font> 标记的属性：
face –设置字体类型 size-设置字体大小（1~6号） color-设置字体颜色
<font face –“宋体” size=”2” color =”#ff0000 ”>文字内容</font>
可以多个组合，也可以单个使用。
[b]图片[/b]
<img> 标记用于在html页面中插入图片
<img src= “youyou.png”>
<img src= “http://www.v512.com/attachments/book.gif”>
<img> 标记的其他属性
alt – 在不支持图片显式的浏览器中将显式本属性值(altermate text)
<img src = “youyou.png” alt = “悠悠的照片”>
width/height – 设置图片大小
<img src =”” width= “200” height = “120”> 以像素为单位
<img src =”” width= “30%” height = “30%”> 以显示窗口的大小的百分比
align – 设置图片的水平和垂直对齐方式
<img src = “” align = “悠悠的照片”>
border – 设置图片边框条宽度
<img src = “” border = “2”>
[b]特殊字符显式[/b]
HTML中可以使用字符实体表示拉丁字符
显示效果 符号说明 实体名表示 实体编号表示
空格符  
< 小于号 ⁢ <
> 大于号 > >
& 符号&（ampersand） & &
" 双引号 " "
© 版权符号 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
[b]超链接[/b]
HTML使用 <a> 标记来实现超链接
<a href = “ http://www.myweb.com”> 我的网页</a>
<a>标记的其他属性：
target – 在指定的窗口或者新窗口中显式链接页面
<a href = “http://www.v512.com/bbs” target =_blank > 论坛</a>
name –设置锚(anchor)标记，实现超链接跳转到页面指定位置
<a name = “p1”>文本内容</a>
<a href= “p1”> 跳转到(锚标记p1)指定的位置</a>
title – 设置超链接的文字说明（鼠标悬停在超链接上时显示）。
<a href = “youyou.png” titl= “点击可以看到我的照片” >悠悠</a>
链接到emaiil地址 <a href = mailto:service@v521.com>联系我们</a>
图片作为超链接 <a href = “…”><img src = “youyou.png”></a>
扫一扫
3179
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
