文档章节

HTML5的基本概念

jeffky
 jeffky
发布于 2017/08/27 12:54
字数 1304
阅读 40
收藏 0

HTML5简介:

HTML(Hypertext Marked Language)称为超文本标记语言,是制作超文本文档的标记语言,由多种标记组成,标记不区分大小写,大部分标记是成对出现的。用HTML编写的超文本文档称为HTML文档,它能独立于操作系统,在各种浏览器上运行。

HTML5特点:

  1. HTML5编写简单。
  2. HTTML标记数目有限。
  3. HTML语法较弱。

-------------------------------------------------------------------------------------------------------------

HTML5文件的基本结构

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>页面标题</title>
</head>
<body>
	网页内容
</body>
</html>

从上面的代码可以看出,一个基本的HTML网页由以下几部分构成。

<!DOCTYPE>声明:必须位于HTML5文档中的第一行,也就是位于<HTML>标记之前。该标记告知浏览器文档所使用的HTML规范。

<HTML></HTML>:说明本页面使用设置HTML标记语言编写,使浏览器软件能够准确无误地解释和显示。

<HEAD></HEAD>:是HTML的头部标记,头部信息不显示在网页中,此标记内可以包含其他标记。用于说明文件标题和整个文件的一些公共属性。可以通过<style>标记定义CSS样式表,通过<script>标记定义JavaScript脚本文件。

<TITLE></TITLE>:TITLE是HEAD中重要组成部分,它包含的内容显示在浏览器的窗口标题栏。如果没有TITLE,浏览器标题栏显示本页的文件名。

<BODY></BODY>:BODY包含HTML页面的实际内容,显示在浏览器窗口的客户区中。例如页面中的文字、图像、动画、超链接以及其他HTML相关的内容都是定义在body标记里面。

-------------------------------------------------------------------------------------------------------------

HTML5的基本标记

字符标记

文本字符标记
标记 标记名称 功能描述
br 换行标记 另起一行开始
hr 标尺标记 形成一个水平标尺
center 居中对齐标记 文件在网页中间显示(H5已抛弃此标记)
blockquote 引用标记 引用名言
pre 预定义标记 以源代码的格式呈现在浏览器上
hn 标题标记 网页标题,有6个,分别为h1~h6
font 字体标记 修饰字体大小,颜色,字体名称。(H5已抛弃此标记)
b 字体加粗标记 文字样式以加粗显示
i 斜体标记 文字样式以斜体显示
sub 下标标记 文字以下标形式出现
u 底线标记 文字以带底线形式出现    
sup 上标标记 文字以上标形式出现
address 地址标记 文字以斜体形式出现地址

超级链接标记

<A HREF=“资源地址”>热点(链接文字或图片)</A>

标记<A>表示一个链接的开始,</A>表示链接的结束;描述标记(属性)“HREF”定义了中文歌链接所指的地方;通过单击热点,就可以到达指定的网页。

按照链接路径的不同,网页中超链接一般分为内部链接、锚点链接、和外部链接。

外部链接表示网站之间的链接,内部链接表示同一个网站之间的网页链接。内部链接的链接资源的地址分为绝对路径和相对路径。锚点链接通常指同一文档内的链接。

按照使用对象的不同,网页中的链接分为文本链接、图像链接】E-mail链接、多媒体文件链接和空链接等。

-------------------------------------------------------------------------------------------------------------

列表标记

列表有三种中:有序列表、无序列表、自定义列表。

列表标记
标记 描述
<ul> 无序列表
<ol> 有序列表
<dl> 定义列表
<dt>、<dd> 定义列表的标记
<li> 列表项目的标记

------------------------------------------------------------------------------------------------------------

HTML5的段落和图片标记

常用段落和图片标记

段(Paragraph)标记把文本格式化成普通段落。段落<P>标记的一个基本属性是ALIGN(对齐),可以有LEFT(左)、CENTER(中间)、RIGHT(右)几个值,默认值是LEFT。

图片标记是通过img标记实现的,img标记是单个出现的标记,表示在当前文档内引入一个图片,有两个常用的描述标记src和alt,src表示该图潘所在位置,alt表示显示该图片时的提示信息。

------------------------------------------------------------------------------------------------------------

HTML5的表单标记

表单控制标记
名称 说明
TYPE 指定表单元素类型
NAME 指定表单元素名称
VALUE 指定表单元素初始化
SIZE 指定表单元素显示的长度
MAXLENGTH 指定可以输入的最大字符数
CHECKED 指定按钮是否被选中
SRC 用于表示图像的位置

------------------------------------------------------------------------------------------------------------

表格标记

table的常用标记
标记和属性 说明
<table> 表格标记,成对出现
<tr> 表格行标记
<td> 表格单元格标记
<caption> 表格标题
<th> 表格列标题
<border> 边框宽度
<bgcolor> 边框背景色
align 设置对齐方式
cellpadding 设置单元格边框和内部内容之间的间隔大小
cellspacing 设置单元格之间的间隔大小
width 表格宽度
height 表格高度
colspan 列合并标记
rowspan 行合并标记

 

© 著作权归作者所有

共有 人打赏支持
jeffky
粉丝 0
博文 9
码字总数 11214
作品 0
海淀
私信 提问
cocos2d-js-3.0-final 笔记(一)

环境搭建教程视频 官网的大神已经出了环境搭建视频了,不赘述,直接到入手阶段。 首先创建一个项目之后,看看我们的入口文件index.html <!DOCTYPE html><html><head> <meta charset="utf-8">...

错II过
2014/09/20
0
0
[读写网] 2011 HTML5的六大趋势

导读:HTML5无疑是2011年度最耀眼的技术明星,它的威力使一些论者认为Flash、Silverlight和Win32这三大曾经的主流开发平台都进入了垂死期,它也将主导Web与原生应用(Native App)的未来走向...

xianlai
2011/12/08
1K
4
32、localStorage本地储存

前言:讲讲localStorage,这个知识点还是很重要的。 GitHub:https://github.com/Ewall1106/mall 1、什么是localStorage (1)基本概念 Storage 接口用于脚本在浏览器保存数据。两个对象部署...

Ewall_
09/25
0
0
史无前例的 HTML5 资源参考指南

尽管 HTML5 规范在 2014 年之前不会有正式版本,很多设计师已经开始试水高级浏览器已经支持的部分 HTML5 功能。HTML5 为 Web 设计和应用开发打开了一扇全新的门,原生支持了以前只可能使用 ...

李长春
2012/03/02
0
1
30 个必须看的 HTML 5 教程

HTML5 和 CSS3 拓展了Web 设计的可能性。有很多大量的设计师和开发者在web设计中开始学习并使用HTML 5。 这次我们推荐的30个有用的HTML 5 教程,相信会帮助开发者提升技能。列表如下: Maki...

小卒过河
2011/07/29
15.9K
7

没有更多内容

加载失败,请刷新页面

加载更多

怎样实际项目中运用责任链模式

1 模式概要 1.1 简介 责任链模式为请求创建一个接收者对象链,每个接收者都包含对另一个接收者的引用,如果一个对象不能处理该请求,那么它会把请求传给下一个接收者,依此类推 责任链模式避...

小刀爱编程
9分钟前
1
0
【宇润日常疯测-004】JS 遍历数组如何快!快!快!

首先,我就是一后端全栈,对前端也只是会用罢了。闲的无聊来测测,不深究,只看表面,不喜勿喷! 遍历数组在写 JS 代码时候一定是经常用的,那么怎么遍历能达到最高效率呢,很多人一定没有测...

宇润
13分钟前
6
1
Linux系统如何定制History输出格式

Linux系统使用History命令来查看系统的运行记录,从而找出一些问题。但是History输出的数据中常常没有时间等信息。本文就来教大家Linux系统如何定制History输出格式。   具体方法如下 以r...

linuxprobe16
15分钟前
1
0
(一) pyhon 基础语法(数值 字符串 元组 列表 字典)

1、python的数据类型: 数值 字符串 列表 元组 字典; 数值类型包括; 整型(int) 长整型(long) 浮点型(float) 复数型 字符串; 可以通过type() 来查看是什么类型的; 注释:len()只支持 字符...

芬野de博客
16分钟前
1
0
Android闹钟 AlarmManager的使用

Android闹钟 AlarmManager的使用 AlarmManager介绍   AlarmManager这个类提供对系统闹钟服务的访问接口。   你可以为你的应用设定一个在未来某个时间唤醒的功能。   当闹钟响起,实际上...

东街小霸王
16分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部