本课讲解HTML5元素,掌握对HTML5属性的使用和HTML5格式化的应用。
课程概要
一、HTML元素
1、元素指的是从开始标签到结束标签的所有代码
开始标签 元素内容 结束标签
<p> this is my web page</p>
<br />
2、HTML元素语法
元素的内容是开始标签与结束标签之间的内容
空元素在开始标签中进行关闭
大多数HTML元素可拥有属性
3、嵌套的HTML元素
大多数的HTML元素都是可以嵌套的
二、HTML属性
1、标签可以拥有属性为元素提供更多的信息
2、属性以键/值对的形式出
如:href="www.jikexueyuan.com"
3、常用标签属性:
<h1>:align对齐方式
<body>:bgcolor背景颜色 backgroud背景图片
<a>:target规定在何处打开链接 _blank打开新的页面 _self默认本页面
4、通用属性:
class:规定元素的类名
id:规定元素的唯一ID
style:规定元素的样式
title:规定元素的额外信息
三、HTML格式化
标签 描述
<b> 定义粗体文本
<big> 定义大号字,过时
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>第二课</title>
<style type="text/css">
</style>
</head>
<body bgcolor="#006400">
<!--<p>this is my web page</p>
Hello jikexueyuan <br/>
Hello World
<a href="hrefht.html" target="_blank">打开本地</a>
<h1 align="right">标题h1</h1>
<h2 class="h2ID">标题2</h2>-->
欢迎来到极客学院
<br/>
<b>欢迎来到极客学院</b>
<br/>
<big>欢迎来到极客学院</big>
<br/>
<em>欢迎来到极客学院</em>
<br/>
<i>欢迎来到极客学院</i>
<br/>
<small>欢迎来到极客学院</small>
<br/>
<strong>欢迎来到极客学院</strong>
<br/>
大家好<sub>欢迎来到极客学院</sub>
<br/>
大家好<sup>欢迎来到极客学院</sup>
<br/>
<ins>欢迎来到极客学院</ins>
<br/>
<del>欢迎来到极客学院</del>
</body>
</html>