文章目录
HTML5基础部分
一、HTML5的“HelloWorld”
1、基础代码
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>HelloWorld </title>
</head>
<body>
</body>
</hrml>
其中：leng=“en” 文字的显示形式为英文 zh为中文，也可不加。
编码格式UTF-8。
2、常用标签目录
-
标题：h
<h1>标题h1</h1> <h2>标题h2</h2> <h3>标题h3</h3>h1------h6 字体由大到小
-
段落： p
<p>段落</p>p标签带有换行功能。
-
链接： a
<a href="www.baidu.com">这是一个链接</a> -
图像： img
<img src="images/html.png">
| 标签 | 描述 |
|---|---|
| 粗体 | |
| 大号字（H5中用CSS代替，已不使用） | |
| 着重字体 | |
| 斜体 | |
| 小号字 | |
| 加重语气 | |
| 下标字 | |
| 上标字 | |
| 插入字 | |
| 定义删除字 |
二、HTML的元素简介及使用方法
1、HTML元素
- 元素指的是从开始标签到结束标签的所有代码。
| 开始标签 | 元素内容 | 结束标志 |
|---|---|---|
| 这是我的页面 | ||
2、HTML元素的语法：
- 元素的内容是开始标签与结束标签之间的内容
- 空元素在开始标签中进行关闭 eg: < br/ >
- 大多数HTML元素可拥有属性
3、HTML大多数元素可以嵌套使用
如：
<p>
<a>嵌套</a>
</p>
三、HTML属性
-
标签拥有属性为元素提供更多的信息。
-
属性以键值对的形式出现
如: href="www.baidu.com" -
常用的标签属性：
<h1>:align 对其方式 <body>:bgcolor 背景颜色 <a>:target 规定在何处打开链接 -
通用属性：
class ：规定元素的类名
id ：规定元素的唯一id
style ：规定元素的样式（也当作标签用于css，标签尽量用于在head中）
title ：规定元素的额外信息（标题名称）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body bgcolor="#ffebcd">
<a href="demo1.html" target="_blank">打开本地</a>
<h1 align="center">标题一</h1>
<h2 class="h2class"></h2>
<h3 id="h3id"></h3>
</body>
</html>
四、HTML样式
（一）、注意
1、标签：
<style>：样式定义 <link>：资源引用外部引用。
2、属性：
rel=“stylesheet”:外部样式表
type=“text/css”:引入文档的类型
margin-left：边距
（二）、三种样式表的插入方式
1、外部样式表
<link rel="stylesheet"type="text/css"
href="mystyle">
2、内部样式表
<style type="text/css">
body{
background-color:red}
p{
margin-left:20px}
</style>
3、内联样式表
<p style="color:red">
代码：
<!
最低0.47元/天 解锁文章
1224
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
