HTML5的基本概念
博客专区 > jeffky 的博客 > 博客详情
HTML5的基本概念
jeffky 发表于8个月前
HTML5的基本概念
  • 发表于 8个月前
  • 阅读 10
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】新注册用户域名抢购1元起>>>   

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 行合并标记

 

标签: html5lib
  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 8
码字总数 11214
×
jeffky
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: