• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html/xhtml > HTML 基本语法 方便刚开始学习html的朋友

HTML 基本语法 方便刚开始学习html的朋友

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-05

本文主要包含HTML,基本语法等相关知识,佚名 希望在学习及工作中可以帮助到您

1.1一般标记
  一般标记是由一个起始标记(Opening Tag)和一个结束标记(Ending Tag)所组成,其语法为:<x>受控文字</x>
  其中,x代表标记名称。<x>和</x>就如同一组开关:起始标记<x>为开启(ON)的某种功能,而结束标记</x>(通常为起始标记加上一个斜线/)为关(OFF)功能,受控制的文字信息便放在两标记之间。例如:<i>这是斜体字</i>。
  标记之中还可以附加一些属性(Attribute),用来完成某些特殊效果或功能。例如:<x a1="v1",a2="v2",...,an="vn">受控文字</x>
  其中,a1,a2,...,an为属性名称,而v1,v2,...,vn则是其所对应的属性值,属性值加不加引号,目前所使用的浏览器都可接受,但依据W3C的新标准,属性值是要加引号的,所以最好养成加引号得习惯。
  1.2 空标记
  虽然大部分的标记是成双成对出现的,但也有一些是单独存在的。这些单独存在的标记称为空标记(Empty Tags)。其与法为:<x>
  同样,空标记也可以附加一些属性(Attribute),用来完成某些特殊效果或功能。如:<x a1="v1",a2="v2",...,an="vn">,例如:<hr>,<br>等。
  W3C定义的新标准(XHTML1.0/HTML4.0)建议:空标记应以/结尾,即:<X />
  如果附加属性则为:<x a1="v1",a2="v2",...,an="vn" />
  目前所使用的浏览器对于空标记后面是否要加/并没有严格要求,即在空标记最后在/和没有加/,不影响其功能。但是如果希望你的文件能满足最新标准,那么最好加上/。

  2. HTML标记分类
  2.1文件结构标记(Document Structure Tags)
  此类标记的目的是用来标示出文件的结构,主要的有:
  <html>...</html>:标示html文件的起始和终止。
  <head>...</head>:标示出文件标题区。
  <body>...</body>:标示出文件主体区
  2.2区段格式标记(Block Formatting Tags)
  此类标记的主要用途是将HTML文件中得某个区段文字,以特定格式显示,增加文件的可看度。主要的有:
  <title>...</title>:文件题目。
  <hi>...</hi>:i=1,2,...,6,网页标题。
  <hr>:产生水平线。
  <br>:强迫换行。
  <p>...</p>:文件段落。
  <pre>...</pre>:以原始格式显示。
  <address>...</address>:标注联络人姓名、电话、地址等信息。
  <blockquote>...</blockquote>:区段引用标记。
  2.3字符格式标记(Character Formatting Tags)
  用来改变HTML文件文字的外观,增加文件的美观程度。主要有:
  <b>...</b>:粗体字。
  <i>...</i>:斜体字。
  <tt>...</tt>:打字体。
  <font>...</font>:改变字体设置。
  <center>...</center>:居中对齐。
  <blink>...</blink>:文字闪烁。
  <big>...</big>:加大字号。
  <small>...</small>:缩小字号。
  <cite>...</cite>:参照。
  2.4列表标记(List Tags)
  <ul>...</ul>:无编号列表。
  <ol>...</ol:有编号列表。
  <li>...</li>:列表项目。
  <dl>...</dl>:定义式列表。
  <dd>...</dd>:定义项目。
  <dt>...</dt>:定义项目。
  <dir>...</dir>:目录式列表。
  <menu>...</menu>:菜单式列表。
  2.5链接标记(Anchor Tag)
  链接可以说是html超文本文件的命脉,html通过链接标记来整合分散在世界各地的图、文、影、音等信息。此类标记的主要用途为标示超文本文件链接(Hypertext Link),主要有:
<a>...</a>:建立超级链接。
  2.6多媒体标记(Multimedia Tag)
  此类标记用来显示图像数据。主要有:
  <img>:嵌入图像。
  <embed>:嵌入多媒体对象。
  <bgsound>:背景音乐。
  2.7表格标记(Table Tags)
  此类标记用制作表格。主要有:
  <table>...</table>:定义表格区段。
  <caption>...</caption>:表格标题。
  <th>...</th>:表头。
  <tr>...</tr>:表格列。
  <td>...</td>:表格单元格。
  2.8表单标记(Form Tags)
  此类标记用来制作交互式表单,主要的有:
  <Form>...</form>:表明表单区段的开始与结束。
  <input>:产生单行文本框、单选按钮、复选框等。
  <textarea>...</textarea>:产生多行输入文本框。
  <select>...</select>:标明下拉列表的开始与结束。
  <option>...</option>:在下拉列表中产生一个选择项目。
  HTML标记并没有大小写之分,即<BODY>和<body>是相同的。以下来分别介绍这些标记。

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

您可能想查找下面的文章:

  • HTML表单提交的几种方式_动力节点Java学院整理
  • HTML表单_动力节点Java学院整理
  • HTML大于号、小于号、空格、引号等常用的转义代码写法一览表
  • HTML中实现鼠标经停时整行(tr)变色
  • html格式化json的实例代码
  • html在消息按钮上增加数量角标的实现代码
  • html页面跳转传递参数问题
  • html、css和js注释规范用法小结
  • Html 实现动态显示颜色块的报表效果(实例代码)
  • html是什么文件 html文件如何打开

相关文章

  • 2017-08-05disabled与readonly的作用及区别介绍
  • 2017-08-05Html Select option 如何进行默认选择
  • 2017-08-05IE的有条件注释优点和缺点
  • 2017-08-05iframe下页面传参数为乱码问题探讨
  • 2017-08-05HTML初学者适用的十五条最佳实践
  • 2017-08-05HTML表单标记教程(3):输入标记
  • 2017-08-05HTML非常用标签 optgroup、sub、sup和bdo示例代码
  • 2017-08-05HTML教程:收集的常用的HTML标签(4)
  • 2017-08-05网页制作初学者:学用HTML的超链接A标记
  • 2017-08-05在HTML中引入CSS的3种方式使用介绍

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML表单_动力节点Java学院整理
    • HTML form应用包括复选框、单选按钮的使用
    • 用图片作为label,for属性IE下不起作用
    • XHTML常用标签介绍
    • HTML页面中复选框的操作方法
    • HTML表格边框的控制实现代码
    • HTML表单标记教程(5):文字域标记
    • HTML中select下拉框内容显示不全部分被覆盖的解决方法
    • 知名浏览器对DOCTYPE模式的选择机制
    • 用table表格来调整表单控件的格式让它好看一些

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有