首页 web前端 html教程 HTML 基本语法 方便刚开始学习html的朋友_HTML/Xhtml_网页制作

HTML 基本语法 方便刚开始学习html的朋友_HTML/Xhtml_网页制作

May 16, 2016 pm 04:41 PM
html 基本语法

1.1一般标记
  一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:受控文字
  其中,x代表标记名称。就如同一组开关:起始标记为开启(ON)的某种功能,而结束标记(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:这是斜体字
  标记之中还可以附加一些属性(Attribute),用来完成某些特殊效果或功能。例如:受控文字
  其中,a1,a2,...,an为属性名称,而v1,v2,...,vn则是其所对应的属性值,属性值加不加引号,目前所使用的浏览器都可接受,但依据W3C的新标准,属性值是要加引号的,所以最好养成加引号得习惯。
  1.2 空标记
  虽然大部分的标记是成双成对出现的,但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为:
  同样,空标记也可以附加一些属性(Attribute),用来完成某些特殊效果或功能。如:,例如:


,
等。
  W3C定义的新标准(XHTML1.0/HTML4.0)建议:空标记应以/结尾,即:
  如果附加属性则为:
  目前所使用的浏览器对于空标记后面是否要加/并没有严格要求,即在空标记最后在/和没有加/,不影响其功能。但是如果希望你的文件能满足最新标准,那么最好加上/。

  2. HTML标记分类
  2.1文件结构标记(Document Structure Tags)
  此类标记的目的是用来标示出文件的结构,主要的有:
  ...:标示html文件的起始和终止。
  ...:标示出文件标题区。
  ...:标示出文件主体区
  2.2区段格式标记(Block Formatting Tags)
  此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示,增加文件的可看度。主要的有:
  ...:文件题目。
  ...:i=1,2,...,6,网页标题。
  
:产生水平线。
  
:强迫换行。
  

...

:文件段落。
  
...
:以原始格式显示。
  
...
:标注联络人姓名、电话、地址等信息。
  
...
:区段引用标记。
  2.3字符格式标记(Character Formatting Tags)
  用来改变HTML文件文字的外观,增加文件的美观程度。主要有:
  ...:粗体字。
  ...:斜体字。
  ...:打字体。
  ...:改变字体设置。
  
...
:居中对齐。
  ...:文字闪烁。
  ...:加大字号。
  ...:缩小字号。
  ...:参照。
  2.4列表标记(List Tags)
  
    ...
:无编号列表。
  
    ...  
  1. ...
  2. :列表项目。
      
    ...
    :定义式列表。
      
    ...
    :定义项目。
      
    ...
    :定义项目。
      ...:目录式列表。
      ...:菜单式列表。
      2.5链接标记(Anchor Tag)
      链接可以说是html超文本文件的命脉,html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link),主要有:
    ...:建立超级链接。
      2.6多媒体标记(Multimedia Tag)
      此类标记用来显示图像数据。主要有:
      :嵌入图像。
      :嵌入多媒体对象。
      :背景音乐。
      2.7表格标记(Table Tags)
      此类标记用制作表格。主要有:
      ...
    :定义表格区段。
      ...:表格标题。
      ...:表头。
      ...:表格列。
      ...:表格单元格。
      2.8表单标记(Form Tags)
      此类标记用来制作交互式表单,主要的有:
      
    ...
    :表明表单区段的开始与结束。
      :产生单行文本框、单选按钮、复选框等。
      :产生多行输入文本框。
      :标明下拉列表的开始与结束。
      :在下拉列表中产生一个选择项目。
      HTML标记并没有大小写之分,即和是相同的。以下来分别介绍这些标记。

      3. 文件结构标记
      一个html文件的结构基本上可以分为两部分,一部分称为标题区(Head Section);另一部分称为主体区(Body Section)。文件结构标记就是用来标示出何处属于标题,何处属于主体。
      3.1:标示整份文件
      用途:标示整篇html文件
      说明:一个标准的html文件是一篇以开头,而以结束的文件。即:
      
      ... html文件全文
      
      3.2:标示出文件标题区
      说明:html文件中,由和所夹住的区域称为文件的标题区。通常head区段都内含在html区段之中,即:
      
      
      ...... html文件标题区
      
      .....
      
      3.3:网页标题</strong><br>  <title>.....是html文件标题区中最重要也是最常用的标记。其他标题区的标记还包括等。
      标记的用途是设置网页标题,这个标题会显示在浏览器窗口的标题栏上,不会出现在浏览器的页面(page)文字中。而大部分浏览器的收藏(My Favorites)、书签(BookMark)或历史记录列表(History List)功能,也都是以这个文件的标题作为名称的。<br>  由<title>...所标注的文字并无长度的限制,不过太长的标题,有时可能会被截掉,并且也不容易记忆。
      3.4:标示出文件主体区
      说明:在html文件中,由...所夹住的区域称为文件的主体区,通常是在区段之后。
      3.5标记的属性
    backgroud属性:
    这个属性可以指定一个图形文件(一般为gif或jpeg),作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

您如何在PHP中解析和处理HTML/XML? 您如何在PHP中解析和处理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示了如何使用PHP有效地处理XML文档。 XML(可扩展的标记语言)是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储

HTML 输入占位符 HTML 输入占位符 Sep 04, 2024 pm 04:54 PM

HTML 输入占位符指南。在这里,我们讨论 HTML 输入占位符的示例以及代码和输出。

See all articles