2. 科技
  3. HTML总结

HTML总结

it2025-05-13  29

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)#xxxxxxcolorname

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

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

backgroundURL

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

规定文档的背景图像。

bgcolor rgb(x,x,x)#xxxxxxcolorname

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

规定文档的背景颜色。

link rgb(x,x,x)#xxxxxxcolorname

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

规定文档中未访问链接的默认颜色。

text rgb(x,x,x)#xxxxxxcolorname

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

规定文档中所有文本的颜色。

vlink rgb(x,x,x)#xxxxxxcolorname

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

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

　　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>水平线标记-----       用语段落与段落之间的分割

 

转载于:https://www.cnblogs.com/huasky/p/9072779.html

最新回复(0)