Html 语法学习笔记一

原创 2015年07月06日 19:45:12

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

           

  


版权声明:作者:jiankunking 出处:http://blog.csdn.net/jiankunking 本文版权归作者和CSDN共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。

HTML基本语法总结

简介   HTML(Hyper Text Mark-up Language 超文本标记语言):不是编程语言,而是一种描述性的标记语言,用于描述网页中内容的显示方式,比如文字以什么颜色、大小来显示等,这...
  • ZHOUCHAOQIANG
  • ZHOUCHAOQIANG
  • 2014年06月25日 20:38
  • 7088

HTML的基本结构语法

1.HTML基本结构 头部《head》 主体《body》 常用编码 gb2312:简体中文,一般用于包含中文和英文的页面 ISO-885901:纯英文,一般用于只包含英文的页面 big5...
  • qq_38181976
  • qq_38181976
  • 2017年05月15日 22:11
  • 119

HTML的基本结构语法 表格, 框架, 表单

三、表格 1.表格基本语法:                                  内容               2.表格的对齐方式: 属性 值 ...
  • qq_38182287
  • qq_38182287
  • 2017年05月09日 12:54
  • 512

html css 术语 和 基本语法

术语语法 介绍 在学习之前区别html和css之间不同,语法和常用的术语。 Html语言是被创建用于给予网页内容结构和语义信息的超文本语言。 CSS语言是被创建用于给予网页内容样式的层叠样式表。...
  • ZiLongO
  • ZiLongO
  • 2014年04月26日 23:08
  • 1480

Emmet基本语法学习及HTML缩写加速

一、开发环境: 采用Sublime Text + Emmet插件。官方文档:http://docs.emmet.io/cheat-sheet/ 二、基本语法快速入门: 1. 嵌套操作---------...
  • xby1993
  • xby1993
  • 2014年04月18日 10:58
  • 1188

为什么要使用html模板技术

artTemplate
  • baronyang
  • baronyang
  • 2016年05月19日 13:54
  • 3483

HTML基础知识总结

概述        HTML是将内容和内容显示形式结合在一起的语言,它对于内容显示形式的控制,主要是通过标签(元素)的属性,由于它对“内容显示形式”存在着很多的弊端,所以之后就出现了CSS,CSS就相...
  • jiben2qingshan
  • jiben2qingshan
  • 2013年07月21日 10:33
  • 4775

HTML 图片映射<map>标签整理

今天涉及到一个知识点的学习,就是在大流量的今天,尽可能减少HTTP的资源请求数目,以保证页面的加载速度,所以牵扯到了图片映射这个概念,简作整理…...
  • u011415782
  • u011415782
  • 2017年11月20日 17:14
  • 132

HTML元素分类及语法规则

HTML元素分类及语法规则 一、html元素分类 (1)块级元素 块级元素一般作为容器出现,用来组织结构,但并不全是如此。例如只能用来包含块级元素;其他块级元素则可以包含行级元素,例如...
  • nuan__nuan
  • nuan__nuan
  • 2017年05月25日 16:15
  • 163

HTML基本语法

一、标记语法 HTML用于描述功能的符号称为“标记”。标记通常分为单标记和双标记两种类型。 1、单标记     单标记仅单独使用就可以表达完整的意思。 ×基本语法: ×语法说明: 最常用的单标记是,...
  • vjudge
  • vjudge
  • 2014年07月02日 19:28
  • 448
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Html 语法学习笔记一
举报原因:
原因补充:

(最多只允许输入30个字)