zhoudaqian

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

HTML简介

HTML是Hypertext Markup Language的英文缩写,即超文本标记语言

使用 HTML 语言可以: 控制页面和内容的外观 插入的链接检索联机信息 创建表单,收集用户的信息等等 插入动画 gif 开发帮助文件 .html <html>

标记语言:一种将文本以及与文本相关的信息结合起来,用特殊的标记进行标识来展现出文档的结构及其数据细节处理的文字编码。

 

HTML文档结构

<!DOCTYPE html>
<html>

   <head>
        <title>MyHtml.html</title>
        <!--

             META标记:1. 提供关于网页的信息2. 设置网页在缓存中的过期时间3. 禁用缓存

                              4. 自动刷新页面5. 说明网页所使用的编码字符集6. 说明网页所使用的语言

         -->
         <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
         <meta http-equiv="description" content="this is my page">
         <meta http-equiv="content-type" content="text/html; charset=UTF-8">

          <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

 

          <!--HEAD的相关说明:<HEAD>标记中可以说明文档的一些公共属性(元数据),可以向浏览器发出指令-->

    </head>

     <body>

           <!--<BODY>标记的一些属性:

                        alink:当前激活的超链接的文字颜色,默认为红色                              link:超链接的文字颜色,默认为蓝色

                        vlink:浏览过的超链接颜色,默认为栗色                                          text:网页内文字的颜色,默认为黑色

                        bgcolor:网页的背景颜色                                                              background:网页的背景图片-->

           This is my HTML page. <br>
     </body>
</html>

HTML标记的通用属性:id  class   style  title

特殊字符和注释:&gt;   >            &lt;     <          &nbsp;   空格    &quot;内容&quot;    双引号          &amp;   &与符号

                        @copy;      ©版权符                   @reg;   ® 注册商标                          <!--注释-->

 

HTML标记的基本属性:align对齐属性(left,center,right)

常用标记:font(size、 face、 color等);color

图像:<IMG SRC="URL">

图像注意:1.Aling: top | bottom | middle | left | right(IMG标记的ALIGN属性可以用于调整图像相对于周围文本的对齐方式。)

         2.文件路径:

            I.绝对路径 完整的主机名、路径和文件名称

            II.相对路径

               相对于当前文件的路径 当前文件和目标文件位于同一路径,直接书写

               当前文件和目标文件所在的文件夹平行,则路径格式为 文件夹/目标文件名

                当前文件所在目录和目标文件的目录平行,则用 ../目标文件全称

字符级标记:

   

列表:

无序列表:UL>和<LI>可设置TYPE属性:disc | circle | square

有序列表:<OL>和<LI>可设置TYPE属性:1 | A | a | I | i 

 

<a> 超链接: <a href="" target=""></a>

       href属性的值代表目的地,用来指定访问者点击链接时会发生什么

       TARGET:要链接到的窗口名称。

                    有如下几种选择: _blank 在新窗口中打开链接 _parent 在父窗口中打开链接 _self 在本窗口中打开链接 _top 在项层窗口中打开链接 自定义                                             名称在指定的窗口中打开链接

内部链接 

外部链接

(练习:1.链接到其它文档2.链接到同一文档的各个部分3.链接到另一文档中某个特定位置(练习代码见文档尾部))

 

 

在HTML中插入:

插入GIF动画

插入声音

插入视频

<EMBED>(音频或视频)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

                   

 

posted on 2017-04-16 20:53  zhoudaqian  阅读(365)  评论(0)    收藏  举报