Html5元素及基本语法

Html5元素及基本语法

HTML标签 开始标签(opening tag):开放标签 结束标签(closing tag):闭合标签

元素 定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始标签为起始以借宿标签终止) 元素的内容:元素的内容指的是开始标签与结束标签之间的内容

元素的特点: 1,大多数HTML元素可嵌套(可以包括其他的HTML元素) 2,HTML文档有嵌套的HTML元素构成 3,不要忘记结束标签,未来的HTML版本不允许省略结束标签 4,空的html元素 5,没有内容的html元素被称为元素的空内容,空元素是在开始标签中关闭的 注意: 空元素和空内容的区别:空元素的开始标签和结束标签是相同的,注重的是标签。空内容指的是元素内的内容是空的,注重的是内容。

HTML基本结构 <!doctype html>:不是标签,只是用以声明帮助浏览器正确地现实网页 <head></head>元素是所有头部元素的容器 <meta>标签始终位于head元素中,标签提供关于HTML文档的元数据 <style>标签用于为HTML文档定义样式信息 <title></title>定义文档的标题 <body></body>之间的文本是网页课件的内容 <html></html>之间的文本描述网页

HTML属性 html标签可以拥有属性,属性提供有关html元素的更多信息 属性总是以名称/值对的形式出现 属性值应该始终被包括在括号内,双引号是最常见的,不过使用单引号也没有问题

HTML注释 可以在代码中插入注释,提高代码的可读性,注释不会显示在页面中,浏览器会忽略它们 格式:<!--this is a comment-->

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>无标题文档</title>
 6 <style>
 7
 8 #box1{
 9     background-color:red;
10 }
11 .div1{background:yellow;}
12 .div2{border:1px solid #000;}
13
14 </style>
15 </head>
16
17 <body>
18
19 <!-- id只能是唯一的 -->
20 <div style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></div>
21
22
23 <!--class可以是多个的-->
24 <div  style="width:100px; height:100px;"  class="div1 div2" ></div>
25
26 <!--class可以是多个的-->
27
28 <a href="#" title="我是一个提示信息">我是一个链接</a>
29
30 </body>
31 </html>
时间: 2024-12-25 21:50:29

Html5元素及基本语法的相关文章

HTML5元素、属性和格式化

-----------------siwuxie095 HTML5 元素 1.元素指的是从开始标签到结束标签的所有代码 开始标签 元素内容 结束标签 <p> this is my web page </p> <br /> 开始标签也被称为开放标签,结束标签也被称为闭合标签 <br /> 标签:用于换行,因为里面没有元素内容,所以 被称为 空标签 2.HTML 元素语法 · 元素的内容是开始标签与结束标签之间的内容 · 空元素在开始标签中进行关闭 · 大多数

不使用JavaScript让IE浏览器支持HTML5元素——张鑫旭

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=2515 如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> … 然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把

html5元素拖动 (转载黑桐)

HTML5 元素拖动 1.拖动元素img的相关设置: 设置元素可以拖动属性 draggable="true" 设置元素被拖动时触发的事件 ondragstart="drag(event)" 图片元素可拖动的完整代码 HTML: <img id="drag1" src="images/ycbt1.JPG" draggable="true" ondragstart="drag(event)&qu

HTML5 元素分类

HTML5元素分类:结构性元素.级块性元素.行内语义性元素.交互性元素. 目的:使文档的结构更加清晰明确: 增加新功能. 结构性元素:负责Web的上下文结构的定义,确保HTML文档的完整性. 1.1 section(给内容分段):在web页面应用中,该元素可以用于区域的章节表述. section 元素用于对网站或应用中页面上的内容进行分区,关注内容的独立性:一个section元素通常由标题及内容组成:section元素包含的内容可以单独存储到数据库中或输出到word文档中 1.2 header(

HTML5元素整理

HTML5元素整理 HTML5 Canvas Canvas元素绘制工作在JS中完成, 首先找到元素: var c=document.getElementById("myCanvas"); 然后创建context对象: var ctx=c.getContext("2d"); getContext("2d") 对象是内建的 HTML5 对象,拥有多种绘制路径.矩形.圆形.字符以及添加图像的方法. HTML5 拖放(Drag 和 Drop) 1 <

HTML5元素表

HTML5元素表 文本元素 超链接 页面目标 <a href ="目标">内容 </a> 链接的目标(路径)可以是相对地址也可以是绝对地址. emment插件 CTRL+D 复制光标所在行的内容 锚点 当前页面的跳转 格式: 1.ID属性的元素 2.a中href的值是 (# + 1的属性值) 功能 a元素书写格式: <a target="页面打开位置" href="目标">内容 </a> 页面打开位

02 HTML5基本结构和语法变化

首先要明确的一点,HTML5并不是对HTML4.XHTML的歌名,也就是说,原来按HTML4开发的HTML网页同样可用:如果开发者受过严格训练,喜欢XHTML那种严格.规范的语法,同样可以按XHTML的严格要求来开发HTML5. HTML5完全遵守以下3点规则. a:兼容性:HTML5在老版本的浏览器上也可以正常运行: b:实用性:HTML5内部并没有特别复杂的功能,它只封装了哪些常用的简单功能: c:非革命性的发展:HTML5并不是革命性的发展,它只是一种“妥协式”的规范. 1. HTML5基

Html5元素布局

本教程十分简单,适合新手(因为我也是新手).本教程参考了"菜鸟教程". 笔者希望做到元素相对于浏览器的角落布局,即九个典型位置: 这个理念其实和UE4中的UMG锚定一样.Html5中以position来决定布局样式. 第一种:static 定位 HTML元素的默认值,即没有定位,元素出现在正常的流中.静态定位的元素不会受到 top, bottom, left, right影响.所谓的流,其实就像写word一样,按照从左到右,从上到下的顺序写元素. 第二种:fixed定位 使用这种方法可

HTML5元素2

用于分组的元素 元素 说明 类型 HTML5与其他的变化 blockquote 表示引自他处的大段内容 流 无变化 dd 用在dl元素之中,表示定义 无 无变化 div 一个没有任何既定语义的通用元素,是span元素在流元素中的对应物 流 无变化 dl 表示包含一系列术语和定义的说明列表 流 无变化 dt 用在dl元素之中,表示术语 无 无变化 figcaption 表示figure元素的标题 无 新增 figure 表示图片 流 新增 hr 表示段落级别的主题转换(水平线) 流 有变化 li