【前端学习】HTML基础知识

W3School HTML基础知识重点梳理

 

一、元素和属性

1. 空元素

关于没有关闭标签的空元素，如
,

---

，最好的方法是在开始标签中添加斜杠

2. 属性引号问题

属性值可以用单引号或双引号，但是如果属性值本身有双引号，那么必须要用单引号

3. 注释：

4.

和

浏览器在

前后会自动插入空行，

是块级元素。
换行，前后不加空。

 

二、格式化

1.

保留内部原格式
 
  
 保留内部原格式  
，适合显示计算机代码等
 
  
 
 
  
2. 引用
 
  
 
   
 
是长引用，浏览器会缩进，插入换行和外边距。 是短引用，浏览器会加引号。
 
   
缩写：etc.，WWW。仅对于 IE 5 中的 acronym 元素有效。对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。
 
   
定义：WWW；如果和一起用，把放在里，title属性在里设定
 
   
地址：
 ... 
，会以斜体显示
 
   
title：定义著作标题，通常显示为斜体
 
   
文字方向：Here is some Hebrew text 如果浏览器支持 bi-directional override (bdo)，会从右向左显示文字
 
  
 
  
 
 
  
3. 计算机输出标签
 
  
 
   
：键盘输入
 
   
: 计算机输出
 
   
：代码；不保留多余的空格和换行，如果想保留，可以在
内嵌套
 
   
：定义数学变量
 
  
 
  
 
 
  
4. 插入和删除效果
 
  
 
   
删除
 
   
插入
 
  
 
  
大多数浏览器会改写为删除文本和下划线文本。一些老式的浏览器会把删除文本和下划线文本显示为普通文本。
 
  
 
 
  
三、链接
 
  
1. 用 id 属性创建内部链接——可用来创建目录
 
  
section 1（或者直接在具体元素里设置也可，如）
 
  
同一个文档中实现跳转：点此跳转到section 1
 
  
或者在其他文档中创建跳转：跳转
 
  
注：用name也可以，但是HTML5不支持name，只支持id！
 
  
 
 
  
2. 注意要在url末尾添加/
 
  
假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"
 
  
 
 
  
3. target 属性
 
  
target="view_window"  =>  浏览器打开一个新窗口展示内容，如果用户继续点开下一个链接，并且"view-window"窗口没有被关闭的话，会在这个窗口里显示新内容，取代旧内容。
 
  
target="view_frame"  =>  一般是在里使用
 
  
【例如】
 
  

  
  
 
  
  
  
Preface
  
Chapter 1
  
Chapter 2
 
  
这里会显示左右两个框架，左边是目录（toc.html），右边是内容。点击一个个链接时，左边不变，内容只刷新在右边的框架里。
 
  
target="_top"  =>  载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。
 
  
target="_parent"  =>  文档载入父窗口或者包含来超链接引用的框架的框架集。
 
  
 
 
  
4. 电子邮件链接
 
  
例1：发送邮件 （用 %20 来替换文本中的空格）
 
  
例2：发送邮件！
 
  
 
 
  
四、图像
 
  
1. 排列图像
 
  
中的align属性控制，value可以为bottom (default), top, middle, left, right
 
  
2. 创建图像映射
 
  
使用中的usemap属性，配合
 
  
（1）
 
  
中的 usemap 属性可引用 
 
  
（2）
 
  
area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。
 
  
area元素有shape, coords, href等属性。
 
  
【例子】
 
  


 
  
 3. 把图像转换为图像映射
 
  


 
  
ismap 属性将图像定义为服务器端图像映射。当用户在 ismap 图像上单击了某处时，浏览器会自动把鼠标的 x、y 位置（相对于图像的左上角）发送到服务器端。特殊的服务器端软件（在本例中是 demo_form.asp 程序）可以根据这些坐标来做出响应。
 
  
注释：只有当  元素属于带有有效 href 属性的  元素的后代时，才允许 ismap 属性。
 
  
 
 
  
五、表格