昨天学的超链接，今天深入学习了下，发现了更多的知识点，而且关于初始新建网页时，由于是初学者，所以还是纯手写代码~

 <html>

 <head>

     <title>超链接</title>

     <meta http-equiv = "content-type" content = "text/html;charset = utf-8">

     <script type = "text/javascript"></script>

 </head>

 <body>

     <h2>绝对地址</h2>

     <a href = "http://www.baidu.com" target = "_blank">百度</a><br>

     <a href = "file:///D:\文档\视频同步\视频同步：作业02.html" target = "_blank">视频同步：作业02</a>

     <hr>

     <h2>相对地址</h2>

     <a href = "视频同步：项目符号.html" target = "_blank">视频同步：项目符号</a>

     <hr>

     <h2>特殊链接</h2>

     <a href = "Images\00.zip">下载图片</a><br>

     <a href = "mailto:3148113255@qq.com">发送邮件</a><br>

     <a href = "#" target = "_blank">空链接</a><br>

     <a href = "javascript:window.close()">关闭窗口</a>

 </body>

 </html>

常用属性：
 href：目标文件地址的URL，该URL是相对地址，也可以是绝对地址；
 target：目标文件的显示窗口
  _blank:在新窗口中打开目标文件
  _self:在当前窗口打开目标文件，相当替换；
  _parent:在父级窗口中打开目标文件；
  _top:在最顶级窗口打开目标文件；
 其中_parent和_top常用于框架网页中
 name:定义锚点链接的名称;

绝对地址URL：
  1、远程的绝对地址
   访问远程的文件，总是以域名、主机名开头。
  2、本地的绝对地址
   访问本地的绝对地址，是以“file:///”开头的绝对地址。

相对地址URL：
  1、当前文件和目标文件是同级文件；
   链接地址直接写目标文件名；
  2、当前文件与目标文件所在的文件夹同级；
   先找文件夹名，再找文件名；
  3、目标文件位于上一层目录中；
   上一级文件使用"../"表示
   上两级文件使用"../../"表示
   以此类推;

特殊链接：
 1、下载链接：网页不能直接打开的文件会提示下载;
 2、邮箱链接：
  mailto:(邮箱地址)
 3、普通空链接：
 4、js链接
  在链接地址中写#号；
  在火狐window.colse()用不了时使用如下代码；
  <a href = "javascript:window.open('about:blank','_self').close()">关闭窗口</a>
  或输入地址 about:config 然后再输入关键字 close_window 修改其布尔值;

============================================================================

第二个是关于锚点链接：

 <html>

 <head>

     <title>视频同步：锚点链接</title>

     <meta http-equiv = "content-type" content = "text/html;charset = utf-8">

     <script type = "text/javascript"></script>

 </head>

 <body>

     <h4>界面的跳转</h4>

     <ul>

         <li><a href = "视频同步：作业02.html#this">跳转界面</a></li>

     </ul>

 </body>

 </html>

锚点链接：
 含义：在一个网业的不同区域进行跳转。锚点定义为“定义记号”；
 定义锚点：<a name = "锚点名称"></a>
  锚点名称的命名规则：可以包含字母、数字、下划线，但只能以字母开头。
  注意：<a>和</a>之间没有内容，换句话说，这个记号不是给我们看的，而是给链接看的。
  例如： <a name = "Top_2"></a>
 跳转到锚点：
  语法：  <a href = "文件名#锚点名称">内容</a>
  文件名：可有可无，如果是同一网页的不同部分跳转，不用文件名，有则反之；
  注意：<a>和</a>之间要有内容，否则会无法进行跳转。

========================================================================================

第三个知识点是关于meta标记

 <html>

 <head>

     <title>meta标记</title>

     <meta http-equiv = "content-type" content = "text/html" charset = "uft-8">

 </head>

 <body>

 </body>

 </html>

meta的主要作用：
 是提供网页的元信息。比如：指定网页的搜索关键字；
 <meta>有两个属性：一个是http-equiv和name
 1、http-equiv属性
  功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。
  http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。
  (1)、设置网页的字符集；
  <meta = http-equiv = "content-type" content = "text/html" charset = "uft-8">
  (2)、网页自动刷新;
  <meta = http-equiv = "refresh" content = "2">//每隔两秒钟刷新网页一次；
  <meta = http-equiv = "refresh" contrnt = "2" url = "http://www.baidu.com">每隔两秒跳一次到百度。
 2、name属性
  name属性主要用于设置网页的搜索关键字、版权信息、作者等
  (1)、设置网页关键字搜索；
  <meta name = "keywords" content = "关键字">
  (2)、设置网页描述信息
  <meta name = "description"> content = "描述">

===================================================================================

第四个知识点是表格的制作

 <html>

 <head>

     <title>Border</title>

     <meta http-equiv = "content-type" content = "text/html; charset = tuf-8">

 <head>

 <body>

     <table border = "1" width = "500">

         <tr>

             <td>&nbsp</td>

             <td>&nbsp</td>

             <td>&nbsp</td>

         </tr>

         <tr>

             <td>&nbsp</td>

             <td>&nbsp</td>

             <td>&nbsp</td>

         </tr>

     </table>

 </body>

 </html>

<table>属性
 width:表格宽度，单位可以是百分比也可以是固定值。
 heigth:表格高度
 align：表格水平对齐方式，取值：left、center、right
 border:边框粗细
 bordercolor:边框颜色
 bgcolor:表格背景颜色
 background:背景图片URL
 cellpadding:单元格边线到内容间的距离(填充距离)
 cellspacing:单元格与单元格之间的距离(间距)
 rules:合并单元格边框线，取值:all
  注意：rules兼容性不好，请用CSS取代；

<tr>属性——行标记
 bgcolor:行的背景色
 height:行的高度
 align:行的文本水平居中
 valign:垂直居中，取值：top,middle,bottom

<td>是普通单元格<th>是标题单元格，居中加粗显示

HTML第三天学习笔记的更多相关文章

  1. 《Linux内核分析》第三周学习笔记

    <Linux内核分析>第三周学习笔记 构造一个简单的Linux系统MenuOS 郭垚 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.stud ...

  2. Linux内核分析第三周学习笔记

    linux内核分析第三周学习笔记 标签(空格分隔): 20135328陈都 陈都 原创作品转载请注明出处 <Linux内核分析>MOOC课程http://mooc.study.163.co ...

  3. 20155303狄惟佳预备作业三Linux学习笔记

    20155303狄惟佳预备作业三Linux学习笔记 初次接触Ubuntu系统以及Linux内核,了解了其产生的历史,从感性来讲,深深吸引我的是其中蕴含的珍贵的开源精神,以及Stallman等人对&qu ...

  4. 《Linux命令、编辑器与shell编程》第三版 学习笔记---002

    <Linux命令.编辑器与shell编程>第三版 学习笔记---001 Linux命令.编辑器与shell编程 Shell准备 1.识别Shell类型 echo  $0 echo $BAS ...

  5. python cookbook第三版学习笔记十：类和对象(一)

    类和对象: 我们经常会对打印一个对象来得到对象的某些信息. class pair:     def __init__(self,x,y):         self.x=x         self. ...

  6. 20165326 java第三周学习笔记

    纸质学习笔记 代码托管

  7. JavaScript高级程序设计第三版学习笔记(一)之数据类型区分详谈

    null.NaN.undefined三者的区别是什么? 在初次接触到JavaScript的时候,傻傻的分不清null.NaN.undefined三者到底区别何在,在实际的项目开发中也因为这个问题而困惑 ...

  8. Linux第三次学习笔记

    #信息的表示和处理 三种重要的数字表示 1. 无符号数编码: 基于传统的二进制表示法,表示大于或者等于零的数字. 2. 补码编码: 表示有符号数整数的最常见的方式,有符号数就是只可 以为正或者为负的数 ...

  9. struts2框架之OGNL（参考第三天学习笔记）

    ognl 1. 什么是ognl 对象图导航语言 Struts内置的表达式语言,它比EL要强大很多. ------------------ 2. 单独学习ognl * EL它操作的数据来自于:四大域:p ...

随机推荐

  1. Android使用绘图Path总结

    Path作为Android中一种相对复杂的绘图方式,官方文档中的有些解释并不是很好理解,这里作一个相对全面一些的总结,供日后查看,也分享给大家,共同进步. 1.基本绘图方法 addArc(RectF ...

  2. 从iMessage到微信，QQ离线短信服务，米聊，易信

    把iMessage.米聊.QQ离线短信服务.微信.易信放到一下,毫无疑问大家能够看出他们的共同点,iMessage与米聊我们就不用说了,有雷布斯的存在就有米聊的存在,QQ离线短信服务是提供给QQ会员的 ...

  3. 使用C#代码审批/转签K2 Blackpearl流程

    转:http://www.cnblogs.com/dannyli/archive/2011/08/02/2125302.html 以下是使用代码审批.转签k2 blackpearl流程,初探K2 Bl ...

  4. 包装类-Character

    1,isDigit();是否是数字 char c = '1'; boolean bool = Character.isDigit(c); System.out.println(bool);//true ...

  5. hdu 1074(状态压缩dp+记录路径)

    题意:给了n个家庭作业,然后给了每个家庭作业的完成期限和花费的实践,如果完成时间超过了期限,那么就要扣除分数,然后让你找出一个最优方案使扣除的分数最少,当存在多种方案时,输出字典序最小的那种,因为题意 ...

  6. Hanoi塔问题

    说明:河内之塔(Towers of Hanoi)是法国人M.Claus(Lucas)于1883年从泰国带至法国的,河内为越战时北越的首都,即现在的胡志明市:1883年法国数学家 Edouard Luc ...

  7. JAVA & Android 系统环境变量配置

    Java JAVA_HOME:C:\Program Files\Java\jdk1.7.0_40 CLASSPATH:.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\ ...

  8. R 环境内存限制的更改

    由于R语言非常消耗内存,所以做较大数据的处理时需要增加内存空间,有以下种方式: 一. 在未开启R之前,在cmd中,输入下面指令 r −−max−mem− s i z e =4Gb 二. 在开启R之后, ...

  9. Monitor traffic to localhost from IE or .NET

    原文:http://docs.telerik.com/fiddler/Configure-Fiddler/Tasks/MonitorLocalTraffic Monitor traffic to lo ...

  10. Camel In Action 阅读笔记 第一章 认识Camel 1.1 Camel 介绍

    1.1 Camel 介绍 Camel 是一个为了您的项目集成变得高效有趣的集成框架,Camel 项目在2007年初开始的,相对来说它还比较年轻,但它已然是一个非常成熟的开源项目,它所使用的是Apach ...