HTML4基础 -- 笔记 - 图2review0420

  2. <!DOCTYPE html>
  3. <html>
  4.     <head>
  5.         <!-- 网页头部内容 -->
  6.         <title>hello </title>
  7.         <meta http-equiv="Content-Type" content="text/html">
  8.         <meta charset="utf-8">
  9.     </head>
  10.     <body bgcolor="yellow">
  11.         <!-- 这是段落标签 注释的快捷键CTRL+/ -->
  12.         <P>hello html!</P>
  14.         <hr/> <!-- 水平线 -->
  15.         <h1>HTML的英文全称是 Hyper Text Marked Language</h1>
  16.         <h2>HTML的英文全称是 Hyper Text Marked Language</h2>
  17.         <h3>HTML的英文全称是 Hyper Text Marked Language</h3>
  18.         <h4>HTML的英文全称是 Hyper Text Marked Language</h4>
  19.         <h5>HTML的英文全称是 Hyper Text Marked Language</h5>
  20.         <h6>HTML的英文全称是 Hyper Text Marked Language</h6>
  22.         <hr/>
  23.         <p align="left">
  24.         HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。
  25.         </p>
  26.         <p align="right">
  27.         HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。
  28.         </p>
  29.         <p align="center">
  30.         HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。
  31.         </p>
  32.         <p align="justify">
  33.         HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化标记语言SGML的应用。
  34.         </p>
  36.         <hr/>
  37.         <p>
  38.             <i>自1990年以来，</i>HTML就一直被用作WWW的信息表示语言，<em>使用HTML语言描述的文件需要通过WWW浏览器显示出效果。</em>HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。<b>事实上，</b>每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，<strong>易学易懂，非常简单。</strong>HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP协议的制定使浏览器在运行超文本时有了统一的<sub>规则</sub>和<sup>标准</sup>。
  39.         </p>
  41.         <hr/>
  42.         <h1>特殊符号：</h1>
  43.         <p>
  44.             标签是成对出现的，比如：&lt;b&gt;和&lt;/b&gt;
  45.         </p>
  46.         <p>
  47.             &reg;表示已注册<br/>
  48.             &copy;表示版权<br/>
  49.             &trade;表示TM商标<br/>
  50.             &nbsp;表示space空格<br/>
  51.         </p>
  52.     </body>
  53. </html>

review0421

  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.     <title>review0421</title>
  6.     <meta charset="utf-8">
  7.     <!-- 定义语言utf-8 -->
  8.     <meta http-equiv="Content-Type" content="text/html">
  9. </head>
  10. <body>
  11.     <a href="#" name="1">锚链接1坐标</a>
  12.     <ul type="circle">
  13.         <li>HTML 1.0</li>
  14.         <li>HTML 2.0</li>
  15.         <li>HTML 3.2</li>
  16.         <li>HTML 4.0</li>
  17.         <li>HTML 5</li>
  18.     </ul>    
  19.     <ul type="disc">
  20.         <li>HTML 1.0</li>
  21.         <li>HTML 2.0</li>
  22.         <li>HTML 3.2</li>
  23.         <li>HTML 4.0</li>
  24.         <li>HTML 5</li>
  25.     </ul>
  26.     <ul type="square">
  27.         <li>HTML 1.0</li>
  28.         <li>HTML 2.0</li>
  29.         <li>HTML 3.2</li>
  30.         <li>HTML 4.0</li>
  31.         <li>HTML 5</li>
  32.     </ul>
  34.     <a href="#" name="2">锚链接2坐标</a>
  35.     <hr/>
  36.     <ol type="1">
  37.         <li>HTML 1.0</li>
  38.         <li>HTML 2.0</li>
  39.         <li>HTML 3.2</li>
  40.         <li>HTML 4.0</li>
  41.         <li>HTML 5</li>
  42.     </ol>
  43.     <ol type="a">
  44.         <li>HTML 1.0</li>
  45.         <li>HTML 2.0</li>
  46.         <li>HTML 3.2</li>
  47.         <li>HTML 4.0</li>
  48.         <li>HTML 5</li>
  49.     </ol>
  50.     <ol type="i">
  51.         <li>HTML 1.0</li>
  52.         <li>HTML 2.0</li>
  53.         <li>HTML 3.2</li>
  54.         <li>HTML 4.0</li>
  55.         <li>HTML 5</li>
  56.     </ol>
  58.     <hr/>
  59. <!--     定义列表：dl>dt(列表项名字)/dd(具体列表内容)
  60.     说明：
  61.     1.定义标签内可以有多个dt
  62.     2.对于每一个dt可以有多个dd
  63.  -->    <dl>
  64.         <dt>什么是HTML</dt>
  65.             <dd>HTML使用来描述网页的一种语言</dd>
  66.             <dd>HTML是超文本标记语言</dd>    
  67.         <dt>HTML标签</dt>
  68.             <dd>HTML标记标签通常被称为HTML标签</dd>
  69.     </dl>
  71.     <hr/>
  72.     <img src="img/1.jpg">
  73. <!--     绝对路径-指的是具体盘符下的具体路径
  74.     相对路径-指的是相对于当前文件的这个图片的路径
  75.  -->
  76.      <img src="1.jpg" alt="404 NOT FOUND">
  77.      <img src="img/2.jpg" alt="404 NOT FOUND" width="100px" height="=100px">
  78.      <img src="img/3.jpg" alt="404 NOT FOUND" width="20%" height="20%">
  80.      <hr/>
  81.      <!-- 超链接 -->
  82.      <a href="http://www.baidu.com">
  83.          <h1>打开百度</h1>
  84.      </a>
  85.      <a href="http://www.taobao.com">
  86.          <img src="img/1.jpg" alt="404 NOT FOUND" width="50px" height="50px">
  87.      </a>
  88.      <!-- #表示超链接，点击还是显示当前页面 -->
  89.      <a href="#">
  90.          <h3>点击还是显示当前页面</h3>
  91.      </a>
  92.      <a href="#">
  93.          <h2>点击快速回到顶部</h2>
  94.      </a>
  95.      <!-- Target -->
  96.      <a href="http://www.baidu.com" target="_blank">
  97.          <h1>点击新窗口打开百度</h1>
  98.      </a>
  99.      <a href="http://www.baidu.com" target="_self" title="百度在线">
  100.          <h1>百度</h1>
  101.      </a>
  102.      <a href="http://www.jd.com" target="_parent" title="京东在线">
  103.          <h1>京东</h1>
  104.      </a>
  105.      <a href="#" title="仅仅有提示但是打不开百度">
  106.          <h1>淘宝</h1>
  107.      </a>
  109.      <hr/>
  110.      <!-- 锚链接 -->
  111.      <a href="#1">锚链接1</a>
  112.      <a href="#2">锚链接2</a>
  113.      <a href="#3">锚链接3</a>
  114.      <a href="#" name="3">锚链接3坐标</a>
  116.      <hr/>
  117.      <!-- 下载 -->
  118.      <a href="练习0421.doxc">下载文件</a>
  120.      <!-- 课程总结： -->
  121.      <!-- 1.HTML基本结构 头部 网页 HTML文件 -->
  122.      <!-- 2.声明标签 <!DOCTYPE HTML> 不是html标签 必须放在第一行 -->
  123.      <!-- 3.出现乱码 添加meta -->
  124.      <!-- 4.标题标签 h1-h6 段落 p align -->
  125.      <!-- 5.换行 br/ -->
  126.      <!-- 6.文字斜体 i em -->
  127.      <!-- 7.加粗 b strong -->
  128.      <!-- 8.下标sub 上标sup -->
  129.      <!-- 9.无序列表 ul li type -->
  130.      <!-- 10.有序列表 ol li type -->
  131.      <!-- 11.定义列表 dl dt dd dd   dt dd dd dd -->
  132.      <!-- 12.图片标签 img src alt height width -->
  133.      <!-- 13.超链接 a href target title name -->
  134.      <!-- 14. 锚点 -->
  135.      <!-- 15.电子邮件 -->
  136.      <!-- 16.下载文件 -->
  137. </body>
  138. </html>