`
sh305520891
  • 浏览: 6410 次
  • 性别: Icon_minigender_1
  • 来自: 安徽
最近访客 更多访客>>
社区版块
存档分类
最新评论

HTML总结

    博客分类：
  • Html
HTML框架浏览器CSS音乐 
阅读更多

一 Html语言基础
1.什么是Html和网页文件
   计算机物理结构；   电路信号0和1。（这种信息表现形式人类难以理解）
   计算机逻辑结构；经过映射对应于asc码。（人类不好理解）
   浏览器逻辑结构；经过浏览器的逻辑执行产生了其独特的表现。（人容易理解的）
   人的逻辑机构；  人看到浏览器的显示，得到需要的信息。
Html就是浏览器能看懂的语言。浏览器所表现的内容，是人容易接受的，一种信息表现形式。

 

*****************************HTML语法精华*****************************************
HTML是所有网页设计学习者所最先接触的，也是公认的最为简单和易上手的技术。下面我就以我的学习经验和感悟给大家总结了一些我认为重要的东西，以便大家更好的掌握，与运用。
------------------------->
强制断行标签<br/>
强制分段标签<p>

分隔线<hr>常用属性（color， width， size， noshade， align）

置中标签<center>

保存原始格式标签：<pre>文字内容<pre>
<pre>
文　字
　格　式
</pre>

字体标签：<h1>标题内容</h1>
标题的大小一共有六种，两个标签一组，也就是从<h1>到<h6>，<h1>最大，<h6>最小

设定字体大小标签：<font size=3>文字内容</font>
标题的大小一共有七种，也就是<font size=1>（最小）到<font size=7>（最大），另外，还有一种写法：<font size=+1>文字内容</font>，其意思就是说：比预设字大一级。当然也可以 font size=+2（比预设字大二级），或是 font size=-1（比预设字小一级），以一般而言，预设字体多为 3。

常用字型变化标签：
<sup>上标</sup>
<sub>下标</sub>
<blink>闪烁</blink>（ie没效果）
<em>强调</em>
<strong>加强</strong>
<address>所在地址</address>

特殊字元：
&nbsp;代表一个不断行空白,其他的不常用。

设定文字内定值大小：<basefont size="1~7">
这个标签可以改变文字大小的内定值，直接加在<body>标签之后就行了。

影像标签：
<img src="图档" hspace="离左右物件的距离">
<img src="图档" vspace="离上下物件的距离">

背景标签：<body bgcolor="#ffffff" background="bg.jpg">

内文、链接文字颜色设定：<body text="#000000" link="#0000ff" vlink="#ff00ff" alink="#ff0000>

链接标签：<a href= “ ”>

网页内部的连结
<a name="here1">这里是你想连结的点</a>
设定连结：<a href="#here1">连结</a>

连结标签的参数
target=_blank：将连结的画面内容，开在新的浏览视窗中。
target=_parent：将连结的画面内容，当成文件的上一个画面。
target=_self：将连结的画面内容，显示在目前的视窗中。
target=_top：这个参数可以解决新连结的画面内容，被旧框窗包围的困扰，使用这参数，会将整个画面重新显示成连结的画面内容。

表格标签:
<TABLE BORDER=1>
<TR><TD></TD></TR>
</TABLE>

左右栏位合并:
<TABLE BORDER=1>
<TR><TD COLSPAN=3>1</TD></TR>
<TR><TD>4</TD><TD>5</TD><TD>6</TD></TR>
</TABLE>
上下栏位合并:
<TABLE BORDER=1>
<TR><TD ROWSPAN=2>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD>5</TD><TD>6</TD></TR>
</TABLE>

表格背景、底色设定
<TABLE BORDER="1" BGCOLOR=#FFCC33>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

表格框线设定
<TABLE BORDER=5 BORDERCOLOR="#0080FF" BORDERCOLORLIGHT="#62B0FF" BORDERCOLORDARK="#004B97">
<TR><TD>1</TD></TR>
</TABLE>

表格栏距设定
<TABLE BORDER="1" CELLPADDING="10" CELLSPACING="5">
<TR><TD>1</TD><TD>2</TD></TR>
</TABLE>

序列标签

无序标签
（被广泛用于div+css层内文件的显示）
<UL TYPE="CIRCLE">
<LI></LI>
<LI></LI>
</UL>

有序标签
<OL TYPE="A">
<LI></LI>
<LI></LI>
</OL>

定义列表标签
（用法类似于<pre></pre>,比较常用）
<DL>
<DT>小标题</DT>
<DD>标题的内容说明</DD>
</DL>

添加音乐：<bgsound src="music.mid">
可是用NetScape看就没有声音了最好用embed标签 <embed src="music.mid">

Meta Tag 的简介：
<meta http-quive="content-type" content="text/html; charset=iso-8859-1">
说明网站的格式及编码方式，另外这个功能也可以拿来说明网站的名称。
<meta name="keyword" contents="关键字一, 关键字二, 关键字三, …..">
铲明整个网站的关键字，关键字间用逗点隔开，总长度最好不要超过1000个Character
<meta name="description" contents="整个网站的描述….">
铲明整个网站为何吸引人的地方，可用逗点隔开，总长度最好不要超过200个Character (约15个字)，若文章真的太长，可以切割成两个部分，较不重要的部分置入下一个Description。
<meta name="robots" content=" ALL, NONE, INDEX, NOINDEX, FOLLOW, NOFOLLOW">
此功能是要给搜寻引擎使用的，是要用来告诉Spider哪些网页是要去撷取的或不用去撷取的，一般都设定成All(内定值)。

图层div(目前最重要也是最常用的标签，完全取代了table。div+CSS的应用完全取代了传统的网页制作模式)

图层是一个容器，在图层内可以放置各种类型的网页元素。如文本、图像、表格、甚至还可以放置图层(图层嵌套)。每个图层相当于一个独立的小屏幕。
图层是一个可以任意移动的容器，甚至允许图层之间重叠放置，这是它与框架的不同之处，这也是图层的最大优点。因为放置在图层上的元素，可以随图层被拖放到任意位置，为元素的定位和网页布局带来极大的方便，同时也为控制动态元素奠定了基础。
例如，利用下列代码创建一个宽100px、高100px的图层。
<div style="width: 100px; position: relative; height: 100px">我是层！</div>

表单form
目前的应用很多，主要是登录与注册的用户信息。
常用的有input--->type:text、password、submit.....
texterea/select---->option

框架frameset

NAME="1"
设定这个框架的名称，这样才能指定框架来作连结，所以一定要设定喔！当然名称随你高兴取名。
frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 就是不要边框， 1 就是要显示边框。边框是无法调整粗细的。
scrolling="no"
设定是否要显示卷轴，YES是要显示卷轴，NO是无论如何都不要显示，AUTO是视情况显示。
noresize
设定不让使用者可以改变这个框框的大小，如果没有设定这个参数，使用者可以很容易的拉动框架，改变其大小。
marginhight=2
表示框架高度部份边缘所保留的空间。 

 

0
顶
1
踩
分享到：
| 线程总结
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    html总结.xmind

    自己总结的html的笔记，绘制了详细的思维导图，每个思维导图中均有详细的博文解释，方便大家学习和理解，免费分享给大家。适合网页前端的爱好者和学习者

    HTML 总结(已完).docx

    "HTML基础知识总结" HTML是超文本标记语言（Hyper Text Markup Language），是一种标记语言，而不是编程语言。HTML使用标记标签来描述网页，标签的简称为HTML标签。HTML是一种解释型语言，由浏览器解释执行。 HTML...

    html总结思维导图包含xmind文件

    这份"html总结思维导图"资源包含了多个版本，旨在帮助学习者全面理解和掌握HTML的关键概念。以下是根据提供的信息，对HTML知识点的详细解读： 1. **HTML基本结构**：每个HTML文档都由&lt;!DOCTYPE&gt;声明开始，表明文档...

    HTML总结思维导图,HTML总结思维导图

    HTML总结思维导图,HTML总结思维导图

    HTML总结.xmind

    HTML总结.xmind

    HTML总结思维图HTML

    HTML总结思维图，总结这四天我们学过的知识

    html总结-网页基础知识

    html总结 网页基础知识 HTML文件结构 网页属性 字体 HTML颜色 阅读 段落等等

    HTML精心总结

    根据w3c的HTML学习精心总结 w3c的HTML总结 HTML学习资源

    html总结文档

    html常用标签总结，包含各种表单标签 1.表单：&lt;form&gt;&lt;/form&gt; 主要属性：id name action method 2.input元素： 主要属性：name type value class type： text submit button radio checkbox hidden...

    html总结.

    html总结.

    HTML总结Xmind思维导图

    内容非原创，但为纯手打的Xmind资源，学习过程中还是不要偷懒，亲自手打一遍印象比较深刻

    前端html总结.html

    1:jquery可以加载多个ready函数，而原始的js只能加载一次onload 2 2:用dom对象得到的对象不能使用jquery中的方法，比如var p=document.getElementById("id"),此时p不能这样使用p.html(),而应该使用innerHTML。...

    HTML相关知识简单总结记录

    ...头部包含元信息，如字符编码、样式表链接和脚本引用；主体则是网页的主要内容区域；...元素可以是空元素，如，无需...通过阅读"HTML总结"这份资料，你可以系统地学习和回顾HTML的关键概念，进一步提升自己的前端技能。

    HTML 知识点总结

    HTML 知识点总结 HTML 知识点总结 HTML 知识点总结 HTML 知识点总结

    HTML学习总结（6）

    HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结HTML学习总结

    HTML总结(培训资料整理)

    培训时，自己整理装在手机里看的，适合初学者

    html课程总结，accphtml课程总结。

    在“html课程总结，accphtml课程总结”的主题下，我们可以深入探讨HTML的基本结构、元素、属性以及它在Web开发中的作用。 HTML由一系列的元素组成，这些元素通过标签来定义。每个HTML标签都由尖括号包围，如`&lt;html&gt;...

    HTML5学习心得总结(推荐)

    以下是对HTML5学习心得的总结： 首先，HTML（HyperText Markup Language）超文本标记语言，是一种用于创建网页和网络应用的标准标记语言。HTML不是编程语言，而是一种标记语言，用来描述网页的内容和结构。HTML通过...

    HTML常用标签总结

    经过一段时间的学习，对于HTML也有了基础的认识。所以我就一点点的总结一下各类常用的标签的用法。

Magicbox
Global site tag (gtag.js) - Google Analytics