HTML|学习笔记

最新推荐文章于 2024-03-28 19:34:00 发布

HL_HLHL

最新推荐文章于 2024-03-28 19:34:00 发布

阅读量1.2w

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/HL_HLHL/article/details/93619048

版权

文章目录

简介
基础标签练习
HTML文本格式化
链接
图像

简介

什么是HTML

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如
HTML 标签通常是成对出现的，比如和
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML 文档网页

HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

<html>
	<head>
		<meta charset="UTF-8">
		<title>啦啦啦啦~</title>
	</head>
	<body>
		<!--
        	作者：1716903153@qq.com
        	时间：2019-06-04
        	描述：标题
        -->
		<h1>今天</h1>
		<h2>1</h2>
		<h3>2</h3>
		<h4>3</h4>
		<h5>4</h5>
		<h6>5</h6>
		<p>1233445</p>
	</body>
</html>

<!DOCTYPE>声明

声明有助于浏览器中正确显示网页。

网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容（doctype 声明是不区分大小写的）。
通用声明：
HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

基础标签练习

HTML标题:h1-h6
HTML段落:p
HTML链接：a
HTML图像：img
范例：HTML基础标签的使用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>基础标签的练习</title>
	</head>
	<body>
		<!--对比标题字大小和字体大小关系-->
		<h1>丑奴儿</h1>
		<font size="6">这是6号字体文本</font>
		<!--水平线-->
		<hr />
		<h2>书博山道中壁</h2>
		<font size="5">这是5号字体文本</font>
		<hr />
		<p>少年不识愁滋味，爱上层楼。爱上层楼，为赋新词强说愁。<br /><!--换行标签-->
而今识尽愁滋味，欲说还休。欲说还休，却道天凉好个秋。</p>
        <!--链接标签，href属性表示固定连接-->
        <a href="https://baike.baidu.com/item/%E5%8D%B4%E9%81%93%E5%A4%A9%E5%87%89%E5%A5%BD%E4%B8%AA%E7%A7%8B">原文链接</a>
	    
	</body>
</html>

运行结果：
在这里插入图片描述
注意：属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=‘John “ShotGun” Nelson’。

HTML文本格式化

在这里插入图片描述

范例：文本格式化练习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文本格式化练习</title>
	</head>
	<body>
		<b>粗体</b><br />
		<strong>加粗</strong><br />
		<big>放大</big><br />
		<small>缩小</small><br />
		<em>着重</em

最低0.47元/天解锁文章

HL_HLHL

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML|学习笔记

简介什么是HTMLHTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 标签HTML 标记标签通常被称为 HTML 标签 (HTML tag...
复制链接

扫一扫