HTML入门

最新推荐文章于 2023-02-18 12:27:50 发布

摸鱼圣者

最新推荐文章于 2023-02-18 12:27:50 发布

阅读量756

点赞数 1

文章标签： html 前端 css

本文链接：https://blog.csdn.net/qq_45157535/article/details/122105974

版权

一、什么是HTML
1、基本概念
html是一种超文本标记语言，是一种用来制作超文本文档的简单标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。
HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
注意：html不是一种编程语言！！
2、发展史*（了解即可）*
html最初由伯纳斯李（Barners-lee）和其同事Daniel W. Connolly于1990年创立的一种标记语言发明，后来被Mosaic（世界上第一个被普遍使用的网页浏览器）作为解释语言；
①HTML 1.0：在1993年6月作为互联网工程工作小组(IETF)工作草案发布。 [5]
②HTML 2.0：1995年1 1月作为RFC 1866发布，于2000年6月发布之后被宣布已经过时。 [5]
③HTML 3.2：1997年1月14日，W3C推荐标准。 [5]
④HTML 4.0：1997年12月18日，W3C推荐标准。 [5]
⑤HTML 4.01（微小改进）：1999年12月24日，W3C推荐标准。 [5]
⑥HTML 5：HTML5是公认的下一代Web语言，极大地提升了Web在富媒体、富内容和富应用等方面的能力，被喻为终将改变移动互联网的重要推手。Internet Explorer 8及以前的版本不支持。
3、网页的基本架构

	<!DOCTYPE html>文档声明声明为HTML5文档
<html>
	*<head>
		<meta charset="utf-8" />
		<title></title>
	</head>*头部元素
	*<body>
		
	</body>*可见的页面内容
</html>

4、html标签
（1）html由开始标签、内容标签以及结束标签组成
（2）标签分为单标签和双标签：
例如：双标签html、body
单标签br、meta
（3）标题标签：h+1、2、3、4、5、6。例如：

这是一级标题

（4）段落标签：

在这里写段落内容

（5）超链接标签： <a href=''在这楼里存放添加的链接或是路径'' >超链接标签</a>
可在超链接标签中添加一些属性target、title
例如：

`<a href="https://www.baidu.com" target="_self" title="在当前页面跳转"><a>`	
<a href="https://www.baidu.com" target="_blank" title="在新页面跳转">

	（6）图像标签：

<img src="图片路径"/>`,可以添加一些属性如：width、height
						例如：`<img src="D:\临时文件\111\6.img"  width="100px" height="100px" alt="图片没有显示后提示的内容" title="鼠标悬停到上面提示的信息">`

5、html元素
分为行元素和块元素
（1）行元素常见的有<span>,<a>,<strong>,<b>,<em>,<del>等
（2）块元素常见的有<img>,<div>,<form>,<input>,<span>等
区别
行元素：
总是从新的一行开始，即各个块元素独占一行，宽度高度由内容决定，且不可更改
块元素：
哥哥级别元素独占一行，默认垂直向下派排列，高度宽度都是可以更改的。