日期:2014-05-17  浏览次数:20637 次

HTML学习总结

HTML

网站开发的主要原则是:

– 用标签元素HTML描述网页的内容结构;

– 用CSS描述网页的排版布局;

– 用JavaScript描述网页的事件处理,即鼠标或键盘在网页元素上的动作后的程序

HTML(Hyper Text Mark-up Language 超文本标记语言)的缩写,是最基础的网页语言 。 

Html是通过标签来定义的语言,代码都是由标签所组成 。Html代码不用区分大小写 。

Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。

标签:是由一对尖括号<>和标签名称组成。
标签分为“起始标签”和“结束标签”两种,二者的标签名称是相同的,只是结束标签多了一个斜杠“/”

在元素的起始标签中,可以包含“属性”来表示元素的其他特性

<标签名 属性名='属性值'> 数据内容 </标签名>

                  <标签名 属性名='属性值' />

多个属性时:<hr  size=“3”  align=“left”  width=”75%”>用空格分开

Html 的命名:文件的扩展名要以.html或.html结束。

? 文件名中只可由英文字母、数字或下划线组成。

? 文件名中不要包含特殊符号,比如空格、$等

所有标记都要用尖括号(<>)括起来,这样,浏览器就可以知道,尖括号内的标记是HTML命令。

任何空格或回车在代码中都无效,插入空格或回车有专用的标记,分别是 、<br>。因此,不同的标记间用回车键换行再编写是个不错的习惯。

@ title元素:文件标题声明 

@ link元素和style元素常用于CSS 

@ script元素用于脚本

@ meta元素 元信息

@ <base> 超链接网址基准参考点 

<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。

name 属性:网页的描述信息。当取keywords时,content属性的内容就作为搜索引擎的关键字进行搜索。

http-equiv 属性:模拟HTTP协议的响应消息头。

@ body元素是html文件的主体元素,它包含所有要在网页上显示的各种元素 。

        设置页面背景:bgcolor

        设置背景图片:background

        设计正文颜色:text

设置页面边距:topmargin、leftmargin、

                          rightmargin、bottomnargin

              设置显示内容与浏览器的距离

添加空格—— 

<b> … </b> 粗.<i> … </i>斜 <s> … </s> 删<u> … </u> 下划<sub> … </sub> 下标          <sup> … </sup> 上标           

.<address> … </address> 地址        自动倾斜  

.<big> … </big> 大字

<strong> … </strong> 加强语气 ( 加粗 

<em>...</em> 加强语气 ( 倾斜 

段落缩进<blockquote>

设置水平线<hr>

向中对齐 <center> 

格式: <center> … </center>

插入定义列表<dl>

<dl>

  <dt>名称</dt>

      <dd>说明</dd>

      <dd>说明</dd>

      <dd>说明</dd>

  <dt>名称</dt>

      <dd>说明</dd>

     <dd>说明</dd>

     <dd>说明</dd>

  …

</dl>

插入无序列表<ul>

<ul>

  <li>项目名称</li>…

  <