Html 语法学习笔记一

简介:  作者:jiankunking 出处:http://blog.csdn.net/jiankunking一、HTML文档的基本结构                      HTML部分:每个HTML文档必须以打开HTML标记开始,以关闭HTML标记结束 <HTML></HTML> 说明其间内容为HTML格式文档。                HEAD头部分:此部

 作者: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> (描述列表中的项目)。

           

  


目录
相关文章
|
30天前
html基础语法
【2月更文挑战第26天】html基础语法
23 5
|
3月前
|
移动开发 前端开发 数据安全/隐私保护
HTML的基本语法以及如何使用HTML来创建网页
HTML的基本语法以及如何使用HTML来创建网页
71 0
|
14天前
|
移动开发 开发者 HTML5
html的基本语法
【4月更文挑战第1天】html的基本语法
19 3
|
4月前
|
数据安全/隐私保护
html进阶语法(1)
html进阶 列表、表格、表单 目标:掌握嵌套关系标签的写法,使用列表标签布局网页
43 0
html进阶语法(1)
|
4月前
|
前端开发 数据安全/隐私保护
html进阶语法(2)
文本域 作用:多行输入文本的表单控件。
48 0
|
Java 数据安全/隐私保护
【HTML详解】一文掌握HTML基础语法
【HTML详解】一文掌握HTML基础语法
103 0
【HTML基础】HTML基本语法
学习了解HTML基本语法。
108 0
【HTML基础】HTML基本语法
|
数据安全/隐私保护
HTML表单的基本语法
HTML表单的基本语法
307 0
HTML表单的基本语法
|
移动开发 前端开发 JavaScript
Python HTML和CSS 1:html文档结构和常用标签
Python HTML和CSS 1:html文档结构和常用标签
176 0
Python HTML和CSS 1:html文档结构和常用标签
|
容器
一篇文章带你了解HTML语法
一篇文章带你了解HTML语法
174 0
一篇文章带你了解HTML语法