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

           

  


相关文章
|
1月前
html基础语法
【2月更文挑战第26天】html基础语法
24 5
|
3月前
|
移动开发 前端开发 数据安全/隐私保护
HTML的基本语法以及如何使用HTML来创建网页
HTML的基本语法以及如何使用HTML来创建网页
71 0
|
1月前
HTML 链接语法
HTML 链接语法。
23 5
|
1月前
|
前端开发
web前端-HTML-div语法
web前端-HTML-div语法
|
6月前
|
JavaScript
10Vue - 模板语法(插值-纯HTML)
10Vue - 模板语法(插值-纯HTML)
42 0
|
2月前
|
Web App开发
某教程学习笔记(一):04、HTML基础
某教程学习笔记(一):04、HTML基础
13 0
|
3月前
|
前端开发 UED
HTML你要知道哪些语法
HTML你要知道哪些语法
|
3月前
|
存储 移动开发 搜索推荐
HTML5语法和基本常用标签(字符集)
HTML 标签是由尖括号包围的关键词,例如`<html>`。
34 0
|
3月前
|
JavaScript 前端开发 CDN
jQuery文件下载方法及引入HTML语法
去jQuery网站下载文件包,点击主页的“Download”之后,进入下载页面,可以选择production版本的进行下载,但是点击进去之后,浏览器并不会直接下载相关的文件,而是跳转到一个“密密麻麻”都是jQuery代码的页面,仔细查看浏览器地址栏中的url便可知,该页面其实就是jQuery的min版的文件,可以使用下面这种方法,下载jQuery文件
64 5
|
8月前
|
前端开发 UED 容器