html简单知识点总结，常用标签总结，简洁界面，框架的基础例子资源-CSDN文库

共8个文件

html：5个

htm：1个

jpg：1个

html

知识总结

建站基础

4星 · 超过85%的资源需积分: 35 15 浏览量 2010-05-23 11:36:24 上传评论 2 收藏 27KB RAR 举报

HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。这个压缩包文件提供了一个对HTML基础知识的简明总结，特别适合初学者快速入门和复习。以下是对这些知识点的详细解析： 1. **HTML基本结构**：HTML文档通常由`<!DOCTYPE html>`声明开始，表明文档类型为HTML5。接着是`<html>`标签，它是整个文档的根元素。在`<html>`标签内部，`<head>`包含元信息，如文档标题，而`<body>`则包含网页的实际内容。 2. **HTML标签**：HTML标签是构成网页的基本元素，如`<h1>`到`<h6>`用于定义六级标题，`<p>`用于创建段落，`<a>`创建超链接，`<img>`插入图像，`<div>`作为内容分组，`<span>`用于行内元素的分组等。此外，还有`<ul>`和`<ol>`分别用于无序和有序列表，`<li>`则是列表项。 3. **HTML属性**：每个HTML标签可以有零个或多个属性，用来提供更多关于元素的信息。例如，`<a>`标签的`href`属性指定链接的目标地址，`<img>`标签的`src`指定了图片的源路径，`alt`属性提供替代文本，`width`和`height`控制图像尺寸。 4. **CSS基础**：虽然标题没有明确提到CSS，但创建简洁界面和布局时常常会用到。CSS（Cascading Style Sheets）用于定义元素的样式。通过`<style>`标签或外部样式表，我们可以设置颜色、字体、布局等样式属性，如`color`、`font-family`、`background-color`、`margin`和`padding`。 5. **HTML框架**：HTML框架允许在单个页面上显示多个独立的网页部分，通常通过`<frameset>`和`<frame>`标签实现。不过，现代Web开发更倾向于使用CSS和JavaScript来实现类似功能，因为框架在某些方面限制了网页的可访问性和SEO优化。 6. **HTML学习与实践**：学习HTML不仅仅是理论知识，更重要的是动手实践。通过创建小例子，比如模仿已有的网页布局，或构建自己的个人网站，可以加深对HTML的理解并提升技能。 7. **HTML语法**：正确遵循HTML语法是确保代码被浏览器正确解析的关键。了解如何闭合标签（如`<img src="…" alt="…" />`），理解空元素和自闭合元素的区别，以及知道如何正确嵌套元素，都是基本的语法知识。 8. **建站基础**：HTML是网站建设的基础，掌握它能帮助你构建静态网页。结合CSS和JavaScript，你可以创建动态交互的现代网页。了解DOM（Document Object Model）和事件处理也是进阶的重要步骤。这个压缩包文件提供的案例将帮助初学者直观地理解和应用这些知识点，通过实际操作来巩固理论学习，是学习HTML的良好起点。

资源推荐

资源详情

资源评论

收起资源包目录

html基础标签总结.rar （8个子文件）

修改

IMG

tijiao.jpg 35KB

logo.gif 1KB

框架

index.htm 287B

frame

head.html 121B

left2.html 602B

main.html 641B

left.html 385B

index.html 38KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>html简单基础总结</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <META NAME="KEYWORDS" CONTENT="维普建站|免费申请手机网站|国内最稳定的免费自助建站|稳定高速建站平台|企业建站|手机网站"> <META NAME="Description" CONTENT="维普建站(www.wep.cc)提供最专业的免费自助建站平台，提供个人手机网站架设、企业手机网站架设服务，让你不须任何建站知识就能搭建一个功能完善的手机网站"> <META NAME="Author" CONTENT="wangyubo"> <META NAME="CopyRight" CONTENT="版权所有"> <!--Copyright wangyubo, All Rights Reserved--!> <style type="text/css"> <!-- dt,h1,h6{color: #ab2317; display : inline} body {font-family:华文中宋;fon-color:#adadad;margin:10px 0px 15px 0px;text-indent: 1em} --!> .tab{border:1px solid #e57243;border-top:0;margin:10px 0;text-align:left;width:200px;font-size:14px;} </style> <script language="javascript"> function menu(x){ for(var i=0;i<x.length;i++){ if(x[i].style.display==''){ x[i].style.display='none'; }else{ x[i].style.display=''; } } } </script> </head> <body bgcolor=#FFFF93> <ul> <h3 align=center>HTML简单基础总结</h3><br> <table ><tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu1)" style="cursor:pointer"><dt><b>基本结构</b>：<br/><font color=#28319F><html><head><title>标题</title></head><body><p>我得第一个html例子</p></body></html></font></td> </tr> <tr id="menu1" style="display:none"> <td class="main_left"> <hr align=center width="100%" size="1" color="red"> <html><br/> <head><br/> <title>标题</title><br/> </head><br/> <body><br/> <p>我得第一个html例子</p><br/> </body><br/> </html> <hr align=center width="100%" size="1" color="red"> </td> </tr> <tr id="menu1" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu2)" style="cursor:pointer"><dt><b>基底网址标记<BASE></b>：<br/><font color=#28319F><base href="" target="window_name"></font></td> </tr> <tr id="menu2" style="display:none"> <td class="main_left"> <hr align="center" width="100%" size="1" color="red"> <base href="" target="window_name"> _parent（上一级窗口中打开） _blank（新窗口打开） _self _top（浏览器整个窗口中打开） <hr align="center" width="100%" size="1" color="red"> </td> </tr> <tr id="menu2" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu3)" style="cursor:pointer"><dt><b>标题字标记<H></b>：<br/><font color=#28319F> <h1-h6 align=center、left、right>h1-h6标题标签<h1-h6>    </font></td> </tr> <tr id="menu3" style="display:none"> <td class="main_left"> <hr align="center" width="100%" size="1" color="red"><h1>h1的效果<h1>    效果示例:<h1 >h1的效果</h1>     <h6 align=center>h6的效果<h6>     效果示例:<h6 color="red" align=center>h6的效果</h6> <hr align="center" width="100%" size="1" color="red"> </td> </tr> <tr id="menu3" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu4)" style="cursor:pointer"><dt><b>基底文字标记<BASEFONT></b>：<br/><font color=#28319F><BASEFONT FACE="font_name" SIZE="value" color="value"></font></td> </tr> <tr id="menu4" style="display:none"> <td class="main_left"> <hr align="center" width="100%" size="1" color="red"> 设置基准的文字字体，字号，颜色，遇到页面中其他相关标签未定义文字或段落样式时，将套用基准的文字样式 <br/><BASEFONT FACE="font_name" SIZE="value" color="value"> <hr align="center" width="100%" size="1" color="red"> </td> </tr> <tr id="menu4" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu5)" style="cursor:pointer"><dt><b>元信息标记<META></b>：<br/> <font color=#28319F><meta> 在<head>里面<title>的下面，</font></td> </tr> <tr id="menu5" style="display:none"> <td class="main_left"> <hr align="center" width="100%" size="1" color="red"> <META NAME="KEYWORDS" CONTENT="关键字"><br/> <META NAME="Description" CONTENT="该网页描述的内容"><br/> <META NAME="Author" CONTENT="页面作者信息"><br/> <META NAME="CopyRight" CONTENT="版权所有"><br/> <META NAME="Content-type" CONTENT="text/html;charset=gb2312">设定字符集<br/> <META NAME="refresh" CONTENT="60">设定自动刷新<br/> <META NAME="Expires" CONTENT="SUN,25,feb 2007 11 19 00 GMT">设定有效期<br/> <hr align="center" width="100%" size="1" color="red"> </td> </tr> <tr id="menu5" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" height="12" class="title" onclick="menu(menu6)" style="cursor:pointer"><dt><b>HTML主体标记<BODY></b>：<br/><font color=#28319F>页面中所有内容都放在<body> </body>中。 <body>自身有很多属性TEXT、bgcolor、background、link、vlink、alink等等</font></td> </tr> <tr id="menu6" style="display:none"> <td class="main_left"> <hr align=center width="100%" size="1" color="red"> <ul type=1> <li>TEXT 设定页面文字的颜色<br/> <li>BGCOLOR 设定页面背景的颜色<br/> <li>BACKGROUND设定页面背景图案<br/> <li>BGPROPERTIES 设定页面背景图像为固定，不随页面的滚动而滚动<br/> <li>LINK 设定页面默认的链接颜色<br/> <li>ALINK 设定鼠标正在但即使的链接颜色<br/> <li>VLINK 设定鼠标单击过后的链接颜色<br/> <li>TOPMARGIN设定页面的上边距：内容和浏览器上不边框之间的距离 <br/><font size=2 color=red><BODY TOPMARGIN=VALUE LEFTMARGIN=VALUE> VALUE值一般为像素</font><br/> <li>LEFTMARGIN设定页面的左边距：内容和浏览器左侧边框之间的距离<br/> 例子：<font size=2 color=red><BODY TEXT="ffffff" BGCOLOR="#OFOFOF" BACKGROUND="1.jpg" BGPROPERTIES=FIXED></font><br/> 设定页面的背景颜色、背景图案、固定背景图片<br/> 例子： <font size=2 color=red> <BODY TEXT="ffffff" BGCOLOR="#OFOFOF" LINK="#232323" ALINK="#00FF00" VLINK="CCCCCC" ></font><br/> 设定了链接的不同颜色，默认的、点击中的、点击后的 </ul> <hr align=center width="100%" size="1" color="red"> </td> </tr> <tr id="menu6" style="display:none"> </tr> </tr> </table> </td></tr> <tr><td> <table align=left> <tr> <td height="31" colspan="2"><img src="IMG/logo.gif" width="12" h

评论收藏

内容反馈