HTML学习

最新推荐文章于 2024-09-12 18:22:06 发布

Allisonzhang0213

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量126

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Allisonzhang0213/article/details/105436732

版权

一、HTML基础知识
1、什么是HTML：HTML是一种用于描述网页的语言，是一种超文本标记语言
2、标记语言：将文本和文本以外的相关信息结合在一起
3、THML的格式如下：

<html>
	<head>
		<meta charset='UTF-8'>
		网页头具体内容
	</head>
	<body>
		网页体的具体内容
	</body>
</html>

（<></>代表元素的起点和终点）
4、元素、属性和标签
元素：<>表示一种元素
标签：<>里面的字母或英文
属性：属性名=“属性值”
常用HTML标签

标签	作用
html	定义html文档
head	定义头部文档
body	定义body文档
a	定义超链接
audio	定义音频
button	定义按钮
div	定义块区域
h1、h2、h3	定义标题
p	定义段落
img	定义图片
ol	定义有序列表
ul	定义无序列表
li	定义单个列表条目

5、文本样式的控制

<html>
	<head>
		<meta charset='UTF-8'>
		<style>
			h1{
				font-weight:blod;/*控制元素字体粗细*/
				text-align:center;/*控制元素对齐方式*/
				letter-spacing:2px;/*控制文本字符的间距*/
				color:#ff0000;/*控制元素的颜色*/
			}
		</style>
	</head>
	<body>
		<h1>学习HTML</h1>
	</body>
</html>

用style标签来控制文本的样式，h1标签中就只用添加内容，这样设置的话所有的h1都只有一个样式，但实际情况是我们需要有各种不同的样式，因此可以使用class属性。class属性使用方法如下：

<html>
	<head>
		<meta charset='UTF-8'>
		<style>
			.style1{
				width:100px;
			}
			.style2{
				width:50px;
			}
		</style>
	</head>
	<body>
		<img class='style1', scr='D:/jackson.jpeg'>
		<br>/*<br>代表换行*/
		<img class='style2', scr='D:/jackson.jpeg'>
	</body>
</html>