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

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)
      此类标记用来显示图像数据。主要有:
      HTML 基本语法 方便刚开始学习html的朋友_HTML/Xhtml_网页制作:嵌入图像。
      :嵌入多媒体对象。
      :背景音乐。
      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:网页标题
      .....是html文件标题区中最重要也是最常用的标记。其他标题区的标记还包括等。
      标记的用途是设置网页标题,这个标题会显示在浏览器窗口的标题栏上,不会出现在浏览器的页面(page)文字中。而大部分浏览器的收藏(My Favorites)、书签(BookMark)或历史记录列表(History List)功能,也都是以这个文件的标题作为名称的。<br>  由<title>...所标注的文字并无长度的限制,不过太长的标题,有时可能会被截掉,并且也不容易记忆。
      3.4:标示出文件主体区
      说明:在html文件中,由...所夹住的区域称为文件的主体区,通常是在区段之后。
      3.5标记的属性
    backgroud属性:
    这个属性可以指定一个图形文件(一般为gif或jpeg),作为背景图案。该图形会像拼瓷砖一样铺成整个网页的底图。

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
HTML超文本标记语言--超在那里?(文档分析)HTML超文本标记语言--超在那里?(文档分析)Aug 02, 2022 pm 06:04 PM

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

html和css算编程语言吗html和css算编程语言吗Sep 21, 2022 pm 04:09 PM

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

web前端笔试题库之HTML篇web前端笔试题库之HTML篇Apr 21, 2022 am 11:56 AM

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

总结HTML中a标签的使用方法及跳转方式总结HTML中a标签的使用方法及跳转方式Aug 05, 2022 am 09:18 AM

本文给大家总结介绍a标签使用方法和跳转方式,希望对大家有所帮助!

HTML5中画布标签是什么HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html中document是什么html中document是什么Jun 17, 2022 pm 04:18 PM

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5废弃了哪个列表标签html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

Html5怎么取消td边框Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法:1、给td元素添加“border:none”无边框样式即可,语法“td{border:none}”。2、给td元素添加“border:0”样式,语法“td{border:0;}”,将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式,语法“td{border:transparent;}”,将td边框的颜色设置为透明即可。

See all articles

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

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

Dreamweaver Mac版

Dreamweaver Mac版

视觉化网页开发工具