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

           

  


相关文章
|
8月前
html基础语法
【2月更文挑战第26天】html基础语法
53 5
|
4月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
74 19
|
4月前
|
Web App开发 前端开发 JavaScript
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
HTML/CSS/JS学习笔记 Day3(HTML--网页标签 下)
|
4月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
5月前
|
移动开发 HTML5
HTML5语法
【8月更文挑战第28天】HTML5语法。
57 3
|
5月前
|
存储 移动开发 前端开发
HTML5语法总结
这只是HTML5标准的一个简要概述。它涵盖了基本的元素和属性,还有很多其他细节和特性可以探索,例如Web存储、Web工作线程、离线Web应用等,这些都大大扩展了在网页中可能实现的功能。随着Web技术的不断发展,掌握HTML5是每个前端开发者的必修课,并且也是创建现代化、响应式和互动网页的基础。
53 5
|
5月前
Markdown使用HTML语法实现复杂表格
Markdown使用HTML语法实现复杂表格
185 1
|
6月前
|
自然语言处理 开发者 Python
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的 HTML 内容。Markdown 的语法简洁明了、学习容易,而且功能比纯文本更强。
|
6月前
|
开发者
HTML 链接语法
【7月更文挑战第1天】HTML 链接语法。
57 1
|
7月前
|
移动开发 前端开发 JavaScript
html语法基础
【6月更文挑战第28天】html语法基础
40 1