HTML学习笔记_常用标签速查列表与转换为XHTML

学习前端知识的同时，梳理知识，也便于以后查找
tags:
应当坚持一种风格。

HTML常用标签 速查列表

1. W3C
2. 菜鸟教程

HTML常用标签介绍

标签手册

1. W3C HTML标签手册—讲解每个标签的

标题

HTML中标题是通过<h1> - <h6>标签来定义的.
h1 是主标题，h2 是副标题，h3、h4、h5、h6 依次递减字体的大小，h6最小。
段落： HTML 段落是通过标签 <p>来定义的.

基本标签

<br> （换行）
 <hr> （水平线）

文本格式化（Formatting）

1. 使用em（emphasis）元素来标记，浏览器默认风格为斜体：

<p>I am <em>glad</em> you weren't <em>late</em>.</p>

2. 使用<strong>(strong importance)元素来标记，浏览器默认风格为粗体：

<p>This liquid is <strong>highly toxic</strong>.</p>
<p>I am counting on you. <strong>Do not</strong> be late!</p>

3. HTML 也可以使用标签<b>("bold") 与<i>("italic")对输出的文本进行格式，如：粗体 or 斜体

注意：为了获得字体风格，我们更应该使用元素和一些CSS

标签使用

通常标签 <strong> 替换加粗标签 <b>来使用， <em> 替换 <i>标签使用。
但是，这些标签的含义是不同的：
<b> 与` 定义粗体或斜体文本。

<strong>

或者 <b>
意味着你要呈现的文本是重要的，所以要突出显示。

空格

空格太多时一般无效，只是为了可读性。
无论你用了多少空格（包括空格字符，包括换行），当渲染这些代码的时候，
HTML解释器会将连续出现的空格字符减少为一个单独的空格符。

链接

通过标签<a>来定义的。a标签，也叫anchor（锚点）元素，
既可以用来链接到外部地址实现页面跳转功能，
也可以链接到当前页面的某部分实现内部导航功能。

图片

HTML 图像是通过标签<img>来定义的。使用img元素来为你的网站添加图片，使用src 属性指向一个图片的具体地址。
在 href 属性中指定链接的地址。
使用img元素来为你的网站添加图片，使用src属性指向一个图片的具体地址。 img元素是自关闭元素，不需要结束标记。

<img src="logonew2.png" width="206" height="36">

将 HTML 转换为 XHTML

XHTML 是以 XML 格式编写的 HTML。

什么是XHTML

• XHTML 指的是可扩展超文本标记语言
• XHTML 与 HTML 4.01 几乎是相同的 XHTML
• 是更严格更纯净的 HTML 版本
• XHTML 是以 XML 应用的方式定义的
• HTML XHTML 是 2001 年 1 月发布的 W3C 推荐标准
• XHTML 得到所有主流浏览器的支持

转换方法

1. 添加一个 XHTML <!DOCTYPE> 到你的网页中
2. 添加 xmlns 属性添加到每个页面的html元素中。
3. 改变所有的元素为小写
4. 关闭所有的空元素
5. 修改所有的属性名称为小写
6. 所有属性值添加引号

验证

1. 菜鸟教程提供的

–END—