最近被部门经理要求看一下html，重新看发现好多以前看过的只是都忘记了或者以前走马观花看过没有记得住的东西，正好趁此机会在博客上记录一下，顺便的如果以后需要查找，这里有记录的话可能会比上网查快一点（也可能不会），而且多写了一边，印象可以深刻一点。这篇文章紧紧只和我自己用关系，不是很必要的话不建议浪费时间来看它，一下的所有记录点都来之为w3cschool，网址http://www.w3school.com.cn

1.HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

2.万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

3.属性总是在 HTML 元素的开始标签中规定。

万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。

4.<hr />分割线

5.<p>、</p>浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）

6.在 XHTML、XML 以及未来的 HTML 版本中，不允许使用没有结束标签（闭合标签）的 HTML 元素。

即使 <br> 在所有浏览器中的显示都没有问题，使用 <br /> 也是更长远的保障。

7.<table>相关：

<th>表头</th>

<caption>标题</caption>

跨两列的表格：

<table border="1">
<tr>
<th>姓名</th>
<th colspan="2">电话</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

夸两列的表格：

<table border="1">
<tr>
<th>姓名</th>
<td>Bill Gates</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

Cell padding 来创建单元格内容与其边框之间的空白。

Cell spacing 增加单元格之间的距离。

8.

<ul>无序列表</ul>  <ol>有序列表</ol>

<ul type="disc"、 type="circle"、 type="square">分别是实心圆、空心圆、正方形的无序列表

<ol type="A" type="a" type="" type="I" type="i">分别以大写字母、小写字母、大写罗马字母、小写罗马字母的有序列表。默认为数字顺序的有序列表。

嵌套列表：

<h4>一个嵌套列表：</h4>
<ul>
<li>咖啡</li>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
</li>
<li>牛奶</li>
</ul>

定义列表：

<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

9.

块级元素在浏览器中显示的时候通常会以新的一行来开始或者结束： 如<h>、<p>, <ul>, <table>

内联元素在浏览器中显示的时候通常不以新航开始：如<b>, <td>, <a>, <img>

10.

表格不是布局工具,页面布局不是table的正确用法，table只是用来显示表格化的数据。

11.

复选框默认值： selected="selected";

12.

高大上的带标题的框框：

<form>
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
</form>

13.

<body> 标签中的背景颜色（bgcolor）、背景（background）和文本（text）属性在最新的 HTML 标准（HTML4 和 XHTML）中已被废弃。W3C 在他们的推荐标准中已删除这些属性

14

<base>标签为页面上的所有url设置一个基本的url。当浏览器使用url的时候会先从base标签的获取基本的url来解析相对的url，有效标签包括：<a>、<img>、<link><form>例如：

<base href="http://www.w3school.com.cn/i/" />

<img src-"eg_smile.gif"   />

则实际图片调用的url是http://www.w3school.com.cn/i/eg_smile.gif

另外只要在head中声明了<base target="_blank">所有连接都会在新窗口中打开。

<base>只能在<head>中使用。

15

<link>标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表，如：

<link rel="strlesheet" type="text/css" href="theme.css" />

<link>是空标签，只有属性，没有值。link只能在<head>标签中使用，但是不限制使用次数。

16

<meta>标签 提供页面相关的元信息，必须在<head>标签内，<meta> 标签的属性定义了与文档相关联的名称/值对，以名称/值的形式被成对传递的。

17.

<noscript> 标签提供无法使用脚本时的替代内容，比方在浏览器禁用脚本时，或浏览器不支持客户端脚本时。

noscript 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

只有在浏览器不支持脚本或者禁用脚本时，才会显示 noscript 元素中的内容。

18.html预留字符

http://www.w3school.com.cn/html/html_entities.asp

19.url

scheme://host.domain:port/path/filename

scheme - 定义因特网服务的类型。最常见的类型是 http

host - 定义域主机（http 的默认主机是 www）

domain - 定义因特网域名，比如 w3school.com.cn

:port - 定义主机上的端口号（http 的默认端口号是 80）

path - 定义服务器上的路径（如果省略，则文档必须位于网站的根目录中）。

filename - 定义文档/资源的名称

编者注：URL 的英文全称是 Uniform Resource Locator，中文也译为“统一资源定位符”。

20

<embed>是HTML5标签，用于定义外部（非HTML）内容的容器，下面的代码片段能够显示嵌入网页中的 MP3 文件：

<embed height="100" width="100" src="song.mp3" />

html 学习笔记--基础篇的更多相关文章

  1. Python学习笔记基础篇——总览

    Python初识与简介[开篇] Python学习笔记——基础篇[第一周]——变量与赋值.用户交互.条件判断.循环控制.数据类型.文本操作 Python学习笔记——基础篇[第二周]——解释器.字符串.列 ...

  2. Python学习笔记——基础篇【第一周】——变量与赋值、用户交互、条件判断、循环控制、数据类型、文本操作

    目录 Python第一周笔记 1.学习Python目的 2.Python简史介绍 3.Python3特性 4.Hello World程序 5.变量与赋值 6.用户交互 7.条件判断与缩进 8.循环控制 ...

  3. java学习笔记-基础篇

    Java基础篇 1—12 常识 13 this关键字 14参数传递 16 继承 17 访问权限 28—31异常 1—12 常识 1.文件夹以列表展示,显示扩展名,在地址栏显示全路径 2.javac编译 ...

  4. Java学习笔记——基础篇

    Tips1:eclipse中会经常用到System.out.println方法,可以先输入syso,然后eclipse就会自动联想出这个语句了!! 学习笔记: *包.权限控制 1.包(package) ...

  5. iOS开发学习笔记:基础篇

    iOS开发需要一台Mac电脑.Xcode以及iOS SDK.因为苹果设备都具有自己封闭的环境,所以iOS程序的开发必须在Mac设备上完成(当然,黑苹果应该也是可以的,但就需要花很多的精力去折腾基础环境 ...

  6. Python学习笔记——基础篇【第四周】——迭代器&生成器、装饰器、递归、算法、正则表达式

    目录 1.迭代器&生成器 2.装饰器 a.基本装饰器 b.多参数装饰器 3.递归 4.算法基础:二分查找.二维数组转换 5.正则表达式 6.常用模块学习 #作业:计算器开发 a.实现加减成熟及 ...

  7. Python学习笔记——基础篇【第六周】——面向对象

    Python之路,Day6 - 面向对象学习 本节内容:   面向对象编程介绍 为什么要用面向对象进行开发? 面向对象的特性:封装.继承.多态 类.方法.       同时可参考链接: http:// ...

  8. Python学习笔记基础篇-（1）Python周边

    一.系统命令 1.Ctrl+D 退出Python IDLE input方法中输入EOF字符,键入Ctrl+D 2.命令行选项: -d   提供调试输出 -O 生成优化的字节码(.pyo文件) -S 不 ...

  9. Python学习笔记——基础篇2【第三周】——计数器、有序字典、元组、单(双)向队列、深浅拷贝、函数、装饰器

    目录 1.Python计数器Counter 2.Python有序字典OrderredDict 3.Python默认字典default 4.python可命名元组namedtuple 5.Python双 ...

随机推荐

  1. 【转】10 个迅速提升你 Git 水平的提示

    最近我们推出了两个教程:熟悉Git的基本功能和让你在开发团队中熟练的使用Git . 我们所讨论的命令足够一个开发者在Git使用方面游刃有余.在这篇文章中,我们试图探索怎样有效的管理你的时间和充分的使用 ...

  2. 织梦dedecms自定义字段在首页列表页文章页的调用

      1.首页调用. {dede:arclist addfields='字段英文名' channelid='模型ID' row='条数' type='栏目ID'}       [field:字段英文名/ ...

  3. Liunx+C编程一站式学习

    Liunx+C编程一站式学习这本书有什么特点?面向什么样的读者?这本书最初是为某培训班的嵌入式系统Linux工程师就业班课程量身定做的教材之一.该课程是为期四个月的全日制职业培训,要求学员毕业时具备非 ...

  4. JVM性能调优博客

    http://houjixin.blog.163.com/blog/static/35628410201411275719843/ http://blog.csdn.net/lastsweetop/a ...

  5. sourceforge软件下载方式

    访问http://www.mirrorservice.org/sites/download.sourceforge.net/pub/sourceforge/ 根据软件名称在文件列表中查找

  6. 数据结构之单链表，c#实现

    using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.T ...

  7. yum 配置详解（转发）

    一.yum 简介 yum,是Yellow dog Updater, Modified 的简称,是杜克大学为了提高RPM 软件包安装性而开发的一种软件包管理器.起初是由yellow dog 这一发行版的 ...

  8. Binary Search Tree DFS Template

    Two methods: 1. Traverse 2. Divide & Conquer // Traverse: usually do not have return value publi ...

  9. 关于部分应用无法向POJ提交代码的解决方案

    有个一年没做过题了,最近有骚年反映他们的VirtualJudge无法做POJ的题目,一直都是JudgeError状态. 于是登录到那个VJudge试了试,代码的确一直无法提交成功,他们的服务器发回50 ...

  10. linux下添加中文输入法

    一.安装环境 查看linux版本号 [ztteng@ztteng ~]$ lsb_release -aLSB Version:    :core-4.0-ia32:core-4.0-noarch:gr ...