HTML笔记1

来源：互联网发布：直播人气软件编辑：程序博客网时间：2024/06/05 20:53

HTML是超文本标记语言（Hyper Text Markup Language）,它不是编程语言，而是一种标记语言。标记语言是一套标记标签。HTML使用标记标签来描述网页。

<html> 与 </html> 之间的文本描述网页<body> 与 </body> 之间的文本是可见的页面内容<h1> 与 </h1> 之间的文本被显示为标题<p> 与 </p> 之间的文本被显示为段落<h1>到<h6>，字体越来越小。HTML 链接是通过 <a> 标签进行定义的。举例：<a href="http://www.w3school.com.cn">This is a link</a>HTML 链接 - target 属性使用 Target 属性，你可以定义被链接的文档在何处显示。下面的这行会在新窗口打开文档：<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>HTML 图像是通过 <img> 标签进行定义的。<img src="w3school.jpg" width="104" height="142" /><img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。替换文本属性alt 用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时，替换文本属性告诉读者她们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。<img src="boat.gif" alt="Big Boat"><br/>的作用是换行

HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name=”value”。
属性总是在 HTML 元素的开始标签中规定。

<hr/> 标签在 HTML 页面中创建水平线。

HTML 注释是这样写的：

<!-- This is a comment -->

style 属性用于改变 HTML 元素的样式。
HTML 样式实例 - 背景颜色
background-color 属性为元素定义了背景颜色，举例：

<h2 style="background-color:red">This is a heading</h2>

HTML 样式实例 - 字体、颜色和尺寸
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸：

<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>

HTML 样式实例 - 文本对齐
text-align 属性规定了元素中文本的水平对齐方式：

<h1 style="text-align:center">This is a heading</h1>

文本格式化标签

标签  描述<b> 定义粗体文本。<big>   定义大号字。<em>    定义着重文字,chrome浏览器的显示效果像倾斜<i> 定义斜体字。<small> 定义小号字。<strong>    定义加重语气。chrome浏览器看起来像加粗<sub>   定义下标字。<sup>   定义上标字。<ins>   定义插入字。<del>   定义删除字。

“计算机输出”标签

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

引用、引用和术语定义

标签  描述<abbr>  定义缩写。<acronym>   定义首字母缩写。<address>   定义地址。<bdo>   定义文字方向。<blockquote>    定义长的引用。<q> 定义短的引用语。<cite>  定义引用、引证、著作标题<dfn>   定义一个定义项目。

HTML <q> 用于短的引用HTML <q> 元素定义短的引用。浏览器通常会为 <q> 元素包围引号。

用于长引用的 HTML <blockquote>HTML <blockquote> 元素定义被引用的节。浏览器通常会对 <blockquote> 元素进行缩进处理。用于缩略词的 HTML <abbr>HTML <abbr> 元素定义缩写或首字母缩略语。对缩写进行标记能够为浏览器、翻译系统以及搜索引擎提供有用的信息。所谓缩略词比如WTO用于定义的 HTML <dfn>HTML <dfn> 元素定义项目或缩写的定义。<dfn> 的用法，按照 HTML5 标准中的描述，有点复杂：1. 如果设置了 <dfn> 元素的 title 属性，则定义项目，举例：<p><dfn title="World Health Organization">WHO</dfn> 成立于 1948 年。</p>2. 如果 <dfn> 元素包含具有标题的 <abbr> 元素，则 title 定义项目，举例：<p><dfn><abbr title="World Health Organization">WHO</abbr></dfn> 成立于 1948 年。</p3. 否则，<dfn> 文本内容即是项目，并且父元素包含定义，举例<p><dfn>WHO</dfn> World Health Organization 成立于 1948 年。</p>用于双向重写的 HTML <bdo>HTML <bdo> 元素定义双流向覆盖（bi-directional override）。<bdo> 元素用于覆盖当前文本方向，举例<bdo dir="rtl">This text will be written from right to left</bdo>的显示效果会是倒过来的。

阅读全文

0 0