Html Notes

最新推荐文章于 2019-02-19 21:03:16 发布

CHAO_^

最新推荐文章于 2019-02-19 21:03:16 发布

阅读量383

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/jinzhichaoshuiping/article/details/70855429

版权

Web 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

1 html元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。元素可以属性，指定的格式为：

或者采用通用的style属性来改变元素的样式：

<html></html>：网页

<body></body>: 可见的页面内容

<p></p>:以段落形式显示文本

<h1></h1>:以标题形式显示文本

属性：align=”center” 居中对齐

<a></a>:定义链接

属性：target=”_blank” 链接的文档在新窗口中打开

<img></img>:定义图片

属性：alt=”big boat” 可替换文本，当浏览器无法载入图像时，显示该文本

<br /> :在不产生一个新段落情况下换行

<p>This is<br />a para<br />graph with line breaks</p>

<table></table>:定义表格

<caption> 定义表格标题。<th> 定义表格的表头。<tr> 定义表格的行。<td> 定义表格单元。<thead> 定义表格的页眉。<tbody> 定义表格的主体。<tfoot> 定义表格的页脚。<col> 定义用于表格列的属性。<colgroup> 定义表格列的组。

例：

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

列表：

有序列表：

<ol><li>Coffee</li><li>Milk</li></ol>

无序列表：

<ul><li>Coffee</li><li>Milk</li></ul>

<ol> 定义有序列表。<ul> 定义无序列表。<li> 定义列表项。<dl> 定义定义列表。<dt> 定义定义项目。<dd> 定义定义的描述。

<div></div>:块

<div> 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。

如果与 CSS 一同使用，<div>元素可用于对大的内容块设置样式属性。

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
}
</style>
</head>
 
<body>
 
<div class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</div>
 
</body>
</html>

<frameset>：框架同时显示多个网页

<frameset cols="25%,75%">
   <frame src="frame_a.htm">
   <frame src="frame_b.htm">
</frameset>

<iframe>: 网页中显示网页

属性： frameborder="0"

width="200" height="200"

<head>:元素是所有头部元素的容器

以下标签都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script>以及<style>。

<title>: 元素

<title> 标签定义文档的标题。

title 元素在所有 HTML/XHTML文档中都是必需的。

title 元素能够：

定义浏览器工具栏中的标题

提供页面被添加到收藏夹时显示的标题

显示在搜索引擎结果中的页面标题

一个简化的 HTML 文档：

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
 
<body>
The content of the document......
</body>
</html>

<base> 元素

<base> 标签为页面上的所有链接规定默认地址或默认目标（target）：

<head>
<base href="http://www.w3school.com.cn/images/" />
<base target="_blank" />
</head>

<link> 元素

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>

<style> 元素

您可以在 style 元素内规定HTML元素在浏览器中呈现的样式：

<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>

<meta> 元素

元数据（metadata）是关于数据的信息。

典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。

元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web服务。

针对搜索引擎的关键词

一些搜索引擎会利用 meta 元素的 name 和content属性来索引您的页面。

下面的 meta 元素定义页面的描述：

下面的 meta 元素定义页面的关键词：

2.文本格式化

<b> 定义粗体文本。

<big> 定义大号字。

<em> 定义着重文字。

<i> 定义斜体字。

<small> 定义小号字。

<strong> 定义加重语气。

<sub> 定义下标字。

<sup> 定义上标字。

<ins> 定义插入字。

<del> 定义删除字。

<s> 不赞成使用。使用 <del> 代替。

<strike> 不赞成使用。使用 <del> 代替。

<u> 不赞成使用。使用样式（style）代替。

<code> 定义计算机代码。

<kbd> 定义键盘码。

<samp> 定义计算机代码样本。

<tt> 定义打字机代码。

<var> 定义变量。

<pre> 定义预格式文本。

<listing> 不赞成使用。使用 <pre> 代替。

<plaintext> 不赞成使用。使用 <pre> 代替。

<xmp> 不赞成使用。使用 <pre> 代替。

<abbr> 定义缩写。

<acronym> 定义首字母缩写。

<address> 定义地址。

<bdo> 定义文字方向。

<blockquote> 定义长的引用。

<q> 定义短的引用语。

<cite> 定义引用、引证。

<dfn> 定义一个定义项目。

CHAO_^

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
1
评论
Html Notes

1 html元素HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。元素可以属性，指定的格式为：attribute=”xxx”> ......或者采用通用的style属性来改变元素的样式：attribute：xxx”> ......：网页: 可见的页面内容:以段落形式显示文本:以标题形式显示文本属性：align=”
复制链接

扫一扫