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

Html 语法学习笔记一

2015-07-06 19:45 465 查看

作者：jiankunking 出处：http://blog.csdn.net/jiankunking

一、HTML文档的基本结构

HTML部分：每个HTML文档必须以打开HTML标记开始，以关闭HTML标记结束 <HTML></HTML> 说明其间内容为HTML格式文档。

HEAD头部分：此部分包含文档的标题、文档使用的脚本、样式表定义等信息，还可以包含搜索工具和索引所要的其他信息。头部分必须包含在<HEAD></HEAD> 标记对中

<TITLE></TITLE> 其间包含的文字是该HTML的主题，会显示在窗口的TITLE栏位。
<META>标记，此标记可以设置网页的编码、自动刷新网页、设置网页的过期值

META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它的信息只有在网页的源代码里面才可以看到，在网页里面是看不到的，但是一般情况下我们都能够感受到它的存在。
meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级等。所以应该给每页加一个meta值。
META标签分两大部分：HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。

1、＜meta name="Generator" contect=""＞用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、＜meta name="KEYWords" contect=""＞向搜索引擎说明你的网页的关键词；多个关键字之间有“,”间隔
3、＜meta name="DEscription" contect=""＞告诉搜索引擎你的站点的主要内容；
4、＜meta name="Author" contect="你的姓名"＞告诉搜索引擎你的站点的制作的作者；

Demo案例：点击打开链接

正文部分 <BODY></BODY> 其间说明HTML文件的主体内容。

二、具体语法

1、 <font> 规定文本的字体、字体尺寸、字体颜色。

2、 <p> 标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。

3、<h>

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
由于h元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。

延伸阅读：允许的段落用法
可以只在块（block）内指定段落，也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲，这意味着段落可以在任何有合适的文本流的地方出现，例如文档的主体中、列表的元素里，等等。
从技术角度将，段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方。实际上，多数浏览器都忽略了这个限制，它们会把段落作为所含元素的内容一起格式化。

4、 <hr>

<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。

5、<blockquote> 标签定义块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。

6、<pre>

pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里。尽管有些浏览器会把段落结束标签解释为简单地换行，但是这种行为在所有浏览器上并不都是一样的。
pre 元素中允许的文本可以包括物理样式和基于内容的样式变化，还有链接、图像和水平分隔线。当把其他标签（比如 <a> 标签）放到 <pre> 块中时，就像放在 HTML/XHTML 文档的其他部分中一样即可。

7、ul 标签 -- 代表HTML无序列表

ul标签是成对出现的,以<ul>开始,</ul>结束
每一列使用<li>标签定义,每一列使用一个点作为开头

8、<ol> 标签定义有序列表。

9、<dl> 标签

<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

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

标签：

相关文章推荐

新的分享

章节导航