您的位置：首页 > Web前端 > HTML

HTML:基础知识介绍和标签

2011-09-25 14:49 507 查看

XHTML和HTML：

XHTML与HTML类似，但是语法更严格。

XHTML分为三个版本：

(1)Strict:去除逐渐淘汰的标记。

(2)Traditional：能够使用逐渐淘汰的标记。

(3)Framset：框架技术。

html页面由许多标签组成。

注释：

<html> 

<head><title>title</title></head> 

<body> 

.......

</body>

</html>

标签和元素的区别：

标签就是<html>、<head>这种形式。

元素是<head>...</head>这种形式。

建议：标签最好用小写字母编写。

属性：在标签中可以放置属性，目的是对标签个性化，比如一个文字的字体等。

比如:

<a href = "http://www.google.com/">Click here</a>

<a>是标签，表明链接，href表明要链接的目的地。

注意：属性值必须要是字符串。

接下来详细介绍主要标签：

<head>标签：

可以在<head>元素中使用

<title>：页面标题

<link>：与某个CSS文件链接。

<script>：脚本。

<style>：内联的CSS。

<h1>---><h6>：题头，一般使用<h1><h2>表示标题和副标题。

<p></p>表示一个段落。

<br />表示一个换行符.他有一个clear属性用于图像。

一般来说html都是空格折叠的，即多个空格只能算是一个空格。

比如：

<p>

Hello world Hello world

</p>

在网页中只能显示Hello world Hello world

<pre></pre>：在这个元素中的文档都是保持原来的样子，没有空格折叠，因此可以在里面插入代码等。

<b></b>设置粗体。

<i></i>设置斜体。

<u></u>设置下划线。

<s></s>设置删除线。

<tt></tt>设置等宽字体。

<sup></sup>设置上标。

<sub></sub>设置下标。

<big></big>设置大字体。

<small></small>设置小字体。

<hr />设置水平线。

<em></em>表示强调。

<strong></strong>着重强调。

<abbr title = "..."></abbr>缩写词。

<blockquote cite = "..."></blockquote>：引用文章，cite属性表明来源。

<cite></cite>表明来源。

<dfn></dfn>表示专业术语。

<code></code>中写代码。

<address></address>表示地址。

<div class = "">...</div>表明分组，经常和CSS一起使用。

<span class = "..."></span>对内联元素进行分组。

每个标签都有核心属性：

(1)id：标识元素。规定：以字母开头。

(2)class：所属的类，用于CSS。

<html>

<head><title>Google.com</title></head>

<body>

<h1 title = "Google" class = "A">G</h1>

</body>

</html>

在CSS文档中,

h1.A{

font-size:12px;

}

可以改正h1的文字的样式。

(3)title：光标停在某个组件上，会有个提示符。

列表：

(1)无序列表。

(2)有序列表。

(3)自定义列表。

无序列表：

有序列表：

start属性表示开始的数字，如果为4，则从4开始标记。

type属性表示标记的样式，如果为A，则样式为ABCD...

列表的嵌套：

改动的标记：<ins><del>

<ins></ins>表示新增的文字。

<del></del>表示删除的文字。

特殊的字符：

<:表示<

>表示>

&表示&

"表示 "

块级元素&内联元素：

块级元素的前后都是换行的。

内联元素前后都不换行。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航