HTML总结

HTML，超文本标记语言，HyperText Mark-up Language，通过标记符号来标记要显示的网页中的各个部分；

一、注意事项：

　　　　1、所有的标记都以<   >作为开始和结束；

　　　　2、标记之间可以嵌套<h1><center>标题</h1></center>，请注意层次；

　　　　3、在源代码中不区分大小写   <head> <Head> <HEAD>  作用相同，但是XHTML比HTML更严格，其区分大小写，且校验元素开闭符；

　　　　4、回车键和空格键在源代码中不起作用，一切格式或样式，均由各标记元素实现

 

二、元素或标记

　　1、头部标记<head>

　　　　一般，js css一般都在<head>中定义或者引用；

　　　　一般，<head>中定义的内容不会在网页上显示,而是通过另外的方式起作用 如:<title>

　　　　<head>内其他的标识或元素

　　　　　

标签描述
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面上所有链接的默认地址或默认目标。
<link> 定义文档与外部资源之间的关系。
<meta> 定义关于 HTML 文档的元数据。
<script> 定义客户端脚本。
<style> 定义文档的样式信息。

 <head>示例：

 1 <html>
 2 <head>
 3 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4 <meta name="description" content="HTML examples">
 5 <!-- 作者信息描述 -->
 6 <meta name="author" content="w3school.com.cn">
 7 <!-- 关键字 -->
 8 <meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript">
 9 <!-- 重定向 -->
10 <meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" />
11 
12 <link rel="stylesheet" type="text/css" href="mystyle.css" />
13 <style type="text/css">
14 　　body {background-color:yellow}
15 　　p {color:blue}
16 </style>
17 
18 <title>标题不会显示在文档区</title>
19 
20 </head>
21 
22 <body>
23 </body>
24 
25 </html>

 　　2、页面主体<body>

　　页面的主体位于<body></body>之间

属性值描述
alink
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式取代它。

规定文档中活动链接（active link）的的颜色。
background URL

不赞成使用。请使用样式取代它。

规定文档的背景图像。
bgcolor
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式取代它。

规定文档的背景颜色。
link
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式取代它。

规定文档中未访问链接的默认颜色。
text
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式取代它。

规定文档中所有文本的颜色。
vlink
  • rgb(x,x,x)
  • #xxxxxx
  • colorname

不赞成使用。请使用样式取代它。

规定文档中已被访问链接的颜色。

　　3、文字与段落

　　　　特殊字符

　　　　

显示结果描述实体名称实体编号
  空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 &amp; &#38;
" 引号 &quot; &#34;
' 撇号  &apos; (IE不支持) &#39;

　　　　 <!--   -->  注释语句   如    <!-- HTML语言  -->    该代码不会在IE中显示

　　　　  <h>标题字标记   <h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>字体依次逐级递减

 　　　　<b> <strong>  粗体标记

　　　　 <i>   <em>  <cite>   斜体标记

　　　　<sup>上标记    <sub>下标记

　　　　<u>下划线标记

　　　　<s>   <strike>   删除线标记

　　　　<address>地址文字标记  :主要用语显示E_MAIL 地址等文字内容   主要用于英文字体中显示

　　　　<tt>打字机标记   该标记用来创建出打字机风格的字体,文字间是以等宽来显示的

　　　　<code>  <samp>  等宽文字标记   使用等宽字体来显示文字的内容   主要用于英文字体中显示  

　　　　<kbd> 在标记间的文字就是键盘输入命令的文字效果 

　　　　<var>  可以显示变量的文字效果,使用斜体

　　　　<big>大字号标记     将当前的文字加大一级字号显示   <small>小字号标记     将当前的文字缩小一级字号显示

　　　　<font>字体标记，用于加属性进行字段格式控制

 

　　　　<p>段落标记      段落:就是一段格式上统一的文本   可以说段落就是带有硬回车的组合

　　　　<br> 换行标记     <nobr>不换行标记  

　　　　<pre>预格式化标记:就是保留文字在源代码中的格式,页面的显示效果与在源代码的格式完全一致

　　　　<hr>水平线标记-----       用语段落与段落之间的分割

 

posted on 2018-05-22 16:36  奇天异下  阅读(131)  评论(0)  编辑  收藏  举报

导航