欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。
 
  HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。
 
  使用HTML语言,将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件"翻译"成可以识别的信息,即现在所见到的网页。HTML 不需要编译,可以直接由浏览器执行,非常方便开发时调试。
 
  我们现在创建一个典型的HTML结构具体如下:
 
  如上页面中各个标签代表的意思如下:
 
  1)是文档声明头,它告诉游览器当前处理的内容是HTML页面
 
  2)html是 HTML 页面的根元素,用于标识HTML内容的开始与结束
 
  3) head是HTML页面的头,包含了文档的一些属性。其中meta是元数据这边charset="UTF-8"标识当前页面编码格式为UTF-8,title为文档的标题
 
  4)body是HTML主体也是游览器在显示页面时的内容。h1是body内容中定义的标题,p是body内容中定义的段落
 
  我们现在通过游览器打开编写的HTML内容,具体内容如下
 
  在HTML中的内容可以通过以下格式进行内容注释具体如下:
 
  (1)HTML标签
 
  HTML 标签是 HTML 语言中最基本的单位,HTML 标签是 HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签具有如下特点:
 
  1)标签一般是成对出现的 如:
 
  2)标签由<>包括,分为开始标签(开放标签)和结束标签(闭合标签)
 
  3)标签不区分大小写,根据W3C(万维网联盟)推荐,统一使用小写字母
 
  标签的示列如下:
 
  标签按照<>的对数可以分为如下两类分别为双标签与单标签,下面我们具体来了解一下这两类标签。
 
  1)双标签
 
  双标签指由开始和结束两个标记符组成的标记。其基本语法格式如下:
 
  1. <标记名>标记名>
 
  常见的双标签有如下几种:
 
  2)单标签
 
  单标签是指用一个标记符号即可完整地描述某个功能的标记。其基本语法格式如下:
 
  1. <标记名/>
 
  常见的单标签有如下几种:
 
  (2)HTML元素
 
  HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码,如
 
  段落
 
  。元素可以进行嵌套具体如下:
 
  (3)HTML属性
 
  属性为 HTML 元素提供附加信息,可分为全局属性(即所有元素均可使用的属性,如id,class等)和元素属性(部分元素可使用的属性,例如搜索),属性通常由属性名="属性值"构成,存在于开始标签中,示列如下:
 
  (4)HTML实体编码
 
  对于部分不易通过键盘输入的或和HTML冲突的部分符合,引入对应的"实体编码",如< <> >空格 。
 
  (5)HTML事件
 
  通过某个动作,执行某个操作/JS脚本的能力。如点击按钮,改变颜色,事件可以分为多类比多鼠标点击、鼠标聚焦等,下面我看看看一个事件编写示列:
 
  (1)h标签
 
  h 标签有六种分别为h1、h2、h3、h4、h5、h6,这六个分别对应六种样式的标题,我们现在来编写这六种h标签,演示代码如下:
 
  我们来运行该HTML文件,来看看这六种h标签有什么样式差异,从示列中可以发现h1标签字体最大然后依次减小。
 
  (2)p标签
 
  p 标签是文本标签,现在我们来编写一段含有p标签的html文本,然后运行了看看p标签的样式具体操作如下:
 
  (3)a标签
 
  a标签是超链接标签,点击a标签可以跳转到其设置的网站,具体示列如下:
 
  (4)div标签
 
  div标签是一个块级元素,它可用于组合其他 HTML 元素的容器。可以把div看成一个盒子,我们可以为这个盒子设置各种各样属性(如高度、宽度、颜色等),下面我们编写一个div标签并设置其长为300px,宽度为200px,同时给其一个背景颜色,具体如下:
 
  (5)列表标签
 
  列表作为网页设计的重要内容之一,能够用来制作导航栏和新闻列表等。HTML 列表分为:有序列表(ol),无序列表(ul)以及自定义列表(dl)
 
  1)有序列表ul
 
  有序列表的顺序是有序的,默认情况下会以数字来排列,但也可以通过设置其type属性以大写字母、小写字母、大写罗马数字、小写罗马数字来排列,我们现在来写一个示列,具体如下:
 
  2)无序列表ol
 
  无序列表的顺序是无序的,不会按照某个值来排序,无序列表中每个列表前默认都有一个实心圆,也可以通过type属性来设置成空心圆或者小方块,无序列表示列如下:
 
  3)自定义列表dl
 
  自定义列表以
 
  开始,其列表内容是以
 
  开始,自定义列表前面没有任何标识,其具体示例如下:
 
  (6)其它标签
 
  1)换行标签
 
  在HTML中如果想给内容进行换行可以使用换行标签,具体示列如下:
 
  2)分割线标签
 
  标签用于在 HTML创建一条分割线,具体示列如下:

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61923.shtml