HTML 简介

简介:

超文本标记语言  (Hypertext Markup Language, HTML)  是一个可以用来结构化你的Web内容并给予其含义和目标的编码语言。例如,你的内容可以包括一组段落或一个重点列表,甚至可以含有图片和数据表。这一节将为你提供足够的信息,使你能够对HTML语言加以熟悉。Learning page 。

什么是HTML?

HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言: Hypertext Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML标签文本内容
  • HTML文档也叫做 web 页面

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

HTML 结构

文档类型声明

<!doctype html> 声明为 HTML5 文档。

<!DOCTYPE> 声明有助于浏览器中正确显示网页。

网络上有很多不同的文件,如果能够正确声明 HTML 的版本,浏览器就能正确显示网页内容。

doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

通用声明

  • HTML5
<!DOCTYPE html>
  • HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
  • XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html 元素

<html> 元素是 HTML 页面的根元素。

head 元素

<head> 元素包含了文档的元(meta)数据。

body 元素

<body> 元素包含了可见的页面内容。

<!doctype html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签闭合标签
<标签>内容</标签>

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

HTML 元素:

<p>这是一个段落。</p>

HTML 属性

  • HTML 元素可以设置属性

  • 属性可以在元素中添加附加信息

  • 属性一般描述于开始标签

  • 属性总是以名称/值对的形式出现,比如:name="value"

  • 属性和属性值对大小写不敏感。

不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

而新版本的 (X)HTML 要求使用小写属性。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的,不过使用单引号也没有问题。

提示: 在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:name='John "ShotGun" Nelson'

常用属性

下面列出了适用于大多数 HTML 元素的属性:

属性 描述
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)


本文转自静默虚空博客园博客,原文链接:http://www.cnblogs.com/jingmoxukong/p/7478484.html,如需转载请自行联系原作者

相关文章
|
3月前
|
XML 移动开发 前端开发
HTML5简介(什么是网页、什么是 HTML、Web标准)
网站是指在因特网上根据一定的规则,使用 HTML 等制作的用于展示特定内容相关的网页集合。
37 0
|
4月前
|
前端开发 JavaScript
HTML简介及基础标签
HTML简介及基础标签
34 0
|
1月前
HTML简介
HTML简介
71 1
|
1月前
|
Web App开发 前端开发 JavaScript
编程笔记 html5&css&js 061 JavaScript 简介
编程笔记 html5&css&js 061 JavaScript 简介
|
8月前
|
XML 前端开发 JavaScript
HTML&CSS Day02 CSS简介与选择器
HTML&CSS Day02 CSS简介与选择器
50 0
|
4月前
|
Web App开发 移动开发 前端开发
HTML基础之【简介】
HTML基础之【简介】
40 0
|
6月前
|
前端开发
前端基础 - HTML简介及开发环境
前端基础 - HTML简介及开发环境
84 0
|
9月前
|
定位技术 数据格式
HTML 简介
HTML 简介
66 0
|
JavaScript 前端开发
HTML DOM(一)——简介,元素,表单
通过这个对象模型,JavaScript 获得创建动态 HTML 的所有力量 JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScript 能添加新的 HTML 元素和属性 JavaScript 能对页面中所有已有的 HTML 事件作出反应 JavaScript 能在页面中创建新的 HTML 事件
109 0
HTML DOM(一)——简介,元素,表单
|
容器
01 # HTML 语言简介
01 # HTML 语言简介
68 0