文档章节

HTML5的基本概念

jeffky
 jeffky
发布于 2017/08/27 12:54
字数 1304
阅读 25
收藏 0
点赞 0
评论 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
史无前例的 HTML5 资源参考指南

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

李长春
2012/03/02
0
1
前端存储 - localStorage

发布自Kindem的博客,欢迎大家转载,但是要注意注明出处 localStorage 介绍 在HTML5中,引入了两个新的前端存储特性: localStorage sessionStorage 这两者非常相似,都是用来在前端保存一定...

Kindem
07/08
0
0
给网页设计师的30个HTML5学习资源

早在几个星期前,Adobe就发布了Dreamweaver CS5 HTML5 Pack的预览版下载。众所周知,HTML5在互联网领域掀起了一场大论战,并让Adobe的日子很难熬。HTML5致力于为前端开发提供全面的标记语 言...

晨曦之光
2012/03/09
0
0
网站页面间脚本传至 sessionStorage

sessionStorage、localStorage详解 webstorage是本地存储,存储在客户端,包括localStorage和sessionStorage。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象...

小仙女KOMons
07/10
0
0
Web存储机制—sessionStorage,localStorage使用方法

基本概念 Web Storage 包含两种机制: 为每一个给定的源维持一个独立的存储区域,该区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复) 同样的功能,但是在浏览器...

你好明天ll
06/26
0
0
信息图表:对HTML5的全新认识

通过以下HTML5相关的信息图表,我们可以看到HTML的现状,它们通过一种多信息量并且直观的方式解释了HTML的发展,关键特性以及HTML5的功能。 原始链接: The Current State Of HTML5(HTML5的现...

Xiaopeng
2012/11/04
0
0
十道或许你不熟练的前端HTML5的经典面试题

1.什么是HTML5?  答:HTML5是最新的HTML标准。   注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。 设计目的   HTML5的设计目的是为了在移动设备上支...

懿左左
06/29
0
0
HTML5-localStorage、sessionStorage用法总结

localStorage和sessionStorage功能 localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只...

iNiL0119
2015/03/21
0
0
推荐六款炫酷的HTML5效果插件

1. HTML5 3D图片阴影翻转动画 效果很酷 分享一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。这和HTML5 3D动画...

tower1229
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

java按比例之原图生成缩略图

package com.wxp.test; import java.awt.Image; import java.awt.image.BufferedImage; import java.io.File; import java.io.FileOutputStream; import javax.imageio.ImageIO; import sun.......

恋码之子
7分钟前
0
0
SpringCloud 微服务 (十五) 服务容错 Hystrix

壹 工作中的微服务架构,某个服务通常会被多个服务调用或者多层调用完成需求,如果某个服务不可用,导致一个系统功能不可用或者服务直接没用了的情况,这种情况称为雪崩效应 有A服务调用B服务,B服...

___大侠
9分钟前
0
0
Spring框架中的设计模式(五)

Spring框架中的设计模式(五) 通过以前的4篇文章,我们看到Spring采用了大量的关于创建和结构方面的设计模式。本文将描述属于行为方面的两种设计模式:命令和访问者。 前传: Spring框架中的...

瑞查德-Jack
12分钟前
0
0
解决phpstorm运行很卡问题!

phpStorm一旦达到这个临界值,所有智能提示、自动补全都失效了 这TM就很尴尬了,顿时感觉自己就是个废人了,纯手写代码跟便秘一样 众所周知phpStorm基于JAVA,那么这个内存限制肯定跟JAVA的虚...

sjcehui2010
15分钟前
0
0
javascript前端AES加密解密

参考了一下网上的代码加上自已的一些想法,修改,key也可以是中文, 要引入一个aes.js的js文件。 html代码 <html> <head> <title>AES加解密</title> <meta http-equiv="Content-Type"......

oisan_
18分钟前
0
0
MacOS和Linux内核的区别

有些人可能认为MacOS和Linux内核有相似之处,因为它们可以处理类似的命令和类似的软件。甚至有人认为苹果的MacOS是基于linux的。事实上,这两个内核的历史和特性是非常不同的。今天,我们来看...

六库科技
22分钟前
0
0
Vue.js-自定义事件例子

自定义组件的 v-model 2.2.0+ 新增 一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value 特性用于不同的目的。m...

tianyawhl
26分钟前
0
0
mybatis中获取sqlSession的源码分析

0 SqlSessionFactoryBuilder类 SqlSessionFactoryBuilder sqlSessionFacotory=SqlSessionFactoryBuilder().build(reader) public SqlSessionFactory build(Reader reader) { return build(re......

writeademo
26分钟前
0
0
RobotThread.cpp

#include "RobotThread.h"RobotThread::RobotThread(int argc, char** pArgv, const char * topic) :m_Init_argc(argc), m_pInit_argv(pArgv), m_topic(topic){/** ......

itfanr
29分钟前
0
0
防御ddos攻击的常见方法

DDoS攻击是一种特殊形式的拒绝服务攻击。它利用多台已经被攻击者所控制的机器对某一台单机发起攻击,在带宽相对的情况下,被攻击的主机很容易失去反应能力。分布式拒绝服务攻击(DDoS) 是一种...

上树的熊
29分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部