HTML5学习之HTML标记类型

Key word:

Markup Type, Container Tags, Single Tag, Attributes

1.Container Tags(容器标记)

成对的开始标记(Start Tag)与结束标记(End Tag),利用这两个标记将文字围住,以达到预期的效果。

大部分的HTML标记都属于此类,终止标记前会加上一个正斜线“/”。

示例:<开始标记></结束标记>

<title>My Web</title>

<!--

<title></title>:标记的功能是将文字显示在浏览器的标题栏中

<head></head>:这里通常会放置网页的相关信息,例如:

<title>,<meta>

不过这些信息通常不显示在页面上。

<body></body>:这里放置网页的内容,这些内容将显示在网页上

-->

2.Single Tag(单一标记)

单一标记 与 容器标记 的最大区别是:

单一标记只有起始标记而没有结束标记,例如:<hr>,<img>

<!--

<hr>标记的功能是添加分割线,

<img>标记的功能是插入图片。

以上这两个标记加上结束标记是没有意义的。因此只要表示成<hr/>即可

不必写成:<hr></hr>

-->

3.标记的属性——Attributes

有些标记可以加上属性(Attributes)来改变其在网页上的显示方式,属性直接置于开始标记内。

如果有超过一个以上的属性,则以空格隔开不同的属性。

例如<html>标记有lang属性可以使用,lang属性用来指定网页语言,语法如下:

<html lang="zh-cn">

<!--

这表示网页语言设置为中文。

-->

<StartMarkup Attribute_1 = value_1 Attribute_2 = value_2 ……Attribute_N = value_N>

For example:

<meta name = "keywords" contant = "HTML, CSS, XML, XHTML, JavaScript">

<!--

标记的Attribute同样是不区分大小写的。

meta标记用来描述网页,有利于搜索引擎快速找到网站并正确分类。

-->

<!--

目测<html lang>属性没用!!!!!

-->

时间: 2024-08-03 03:44:10

HTML5学习之HTML标记类型的相关文章

HTML5 学习

1.details元素 details元素标识用户要求得到并且可以得到的细节信息,用于描述文档或文档某个部分的细节.它可以与summary元素配合使用.summary元素提供标题或图例.标题是可见的,用户点击标题时,会显示出细节信息,也就是details里面定义的信息. <details> <summary>HTML 5</summary> This document teaches you how to learn about HTML 5 </details&

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h

html5学习(一)--canvas画时钟

利用空余时间学习一下html5. 1 <!doctype html> 2 <html> 3 <head></head> 4 <body> 5 <canvas id="clock" width="500" height="500"></canvas> 6 <script> 7 var clock=document.getElementById('cloc

HTML5学习笔记(二)——表单1

表单一直是网页必不可少的一部分,一直以来,表单的作用被无限扩展,发展出了诸多新奇的用法,老版的HTML只支持很少的一部分常用表单,许多的新表单都需要借助CSS与JavaScript语言来进行构建,现在HTML5来了,她带来了新的表单,这些强大的表单项,可以省去一大块复杂的JavaScript代码,很值得去学习. 而且在新的表单里面,不再像以前每个表单都必须位于<form></form>之内,只要在<form></form>内定义一个id,然后在网页任何位置都

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

[html5] 学习笔记-表单新增的元素与属性(续)

本节主要讲解表单新增元素的controls属性.placeholder属性.List属性.Autocomplete属性.Pattern属性.SelectionDirection属性.Indeterminate属性.Image提交按钮的宽高属性. 1.controls属性 在html5中,可以在标签内部放置一个表单元素,并且通过该标签的controls属性来访问该表单元素. 1 <body> 2 <script> 3 function setValue(){ 4 var label

html5学习资料

1.HTML5 学习网址 http://www.w3school.com.cn/html5/

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<