W3school学习笔记之html

来源：互联网发布：图片上传淘宝变模糊编辑：程序博客网时间：2024/05/16 15:45

1、文档声明

HTML 5：
HTML 4.01：
- Strict：不包括表象或过时的元素和框架集。
- Transitional：框架集是不允许的。
- Frameset：允许使用框架集内容。

2、文本格式化

文本格式化标签

<b>             定义粗体字<strong>        定义加重语气<i>             定义斜体字<em>            定义着重文字<sub>           定义下标字<sup>           定义上标字<ins>           定义插入字<del>           定义删除字

“计算机输出” 标签

<code>          定义计算机代码<kbd>           定义键盘码<samp>          定义计算机代码样本<var>           定义变量<pre>           定义预格式文本

引文, 引用, 及标签定义

<abbr>          定义缩写<address>       定义地址<bdo>           定义文字方向<blockquote>    定义长的引用（缩进）<q>             定义短的引用语（引号）<cite>          定义引用、引证（文献引用）<dfn>           定义一个定义项目

3、HTML<a>标签

mailto用法

<a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!" target="_top">Send mail!</a>

参数说明：CC：抄送地址；BCC：密件抄送地址；Subject：主题；Body：邮件内容。注：多个邮件地址用";"隔开。

注意事项：始终将正斜杠添加到子文件夹。假如这样书写链接：href=”http://www.w3cschool.cc/html”，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href=”http://www.w3cschool.cc/html/”。

4、HTML头部

<base>标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
<meta> 标签通常用于指定网页的描述，关键词，文件的最后修改时间，作者和其他元数据。

<head>    <base href="http://www.w3cschool.cc/images/" target="_blank">    <meta name="description" content="Free Web tutorials">    <meta name="keywords" content="HTML,CSS,XML,JavaScript">    <meta name="author" content="Ståle Refsnes">    <meta charset="UTF-8"></head>

5、HTML <map>标签

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"><map name="planetmap">    <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">    <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">    <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"></map>

6、HTML 表格标签

<colgroup> 标签用于对表格中的列进行组合，以便对其进行格式化。

<table border="1">    <colgroup>        <col span="2" style="background-color:red">        <col style="background-color:yellow">    </colgroup>    <tr>        <th>ISBN</th>        <th>Title</th>        <th>Price</th>    </tr>    <tr>        <td>3476896</td>        <td>My first HTML</td>        <td>$53</td>    </tr></table>

7、HTML表单元素

<optgroup> 标签经常用于把相关的选项组合在一起。

<select>    <optgroup label="Swedish Cars">        <option value="volvo">Volvo</option>        <option value="saab">Saab</option>    </optgroup>    <optgroup label="German Cars">        <option value="mercedes">Mercedes</option>        <option value="audi">Audi</option>    </optgroup></select>

name、id、value三者的区别
- name：控件名称
- value：用户输入(或选择)的值
- id：网页脚本编号(javascript)

8、XHTML与 HTML 相比最重要的区别：

文档结构
- XHTML DOCTYPE 是强制性的
- <html> 中的 XML namespace 属性是强制性
- <html>、<head>、<title> 以及 <body> 也是强制性的
元素语法
- XHTML 元素必须正确嵌套
- XHTML 元素必须始终关闭
- XHTML 元素必须小写
- XHTML 文档必须有一个根元素
属性语法
- XHTML 属性必须使用小写
- XHTML 属性值必须用引号包围
- XHTML 属性最小化也是禁止的

0 0