Html入门

最新推荐文章于 2023-05-03 22:19:26 发布

两条咸鱼儿

最新推荐文章于 2023-05-03 22:19:26 发布

阅读量90

点赞数 1

分类专栏： Html 文章标签： html

本文链接：https://blog.csdn.net/qq_51049931/article/details/117456756

版权

Html 专栏收录该内容

8 篇文章 4 订阅

订阅专栏

学无止境，巩固基础，学有所成。

一、什么是HTML

Html（全称HyperText Markup Language）超文本标记语言（超文本标签语言）：是一种用于创建网页的标准标记语言（是Internet上用于编写网页的主要语言），它提供了精简而有力的文件定义方式，可以设计出各种超媒体文件，提供HTTP通信协议，使HTML文件可以在全球互联网（Word Wide Web）上进行跨平台的文件交换。

生活中呈现方式：上网冲浪（浏览网页）时，呈现在用户面前的一个个漂亮的页面就是网页，是网络内容的视觉呈现方式。

网页是怎么制作的方式：网页的主体其实就是用HTML代码编写的文本文件，使用HTML中相应的标签，将文本、图像、动画及音乐等内容嵌入网页中，再通过浏览器解析，丰富的网页就呈现在大众的眼前。

1.HTML的特点

（1）HTML文档容易创建，只需要一个文本编辑器即可完成；

（2）HTML文件存储量小，能够尽可能快的在网络环境下传输与显示；

（3）平台无关性。HTML独立于操作平台，对多个平台兼容，只需要一个浏览器就能够在操作系统中浏览网页文件。

（4）容易上手，不需要丰富的编程知识。

（5）可扩展性高。

2.HTML的历史

HTML 1.0	1993年6月，互联网工程小组（IETF）工作草案发布
HTML 2.0	1995年11月发布
HTML 3.2	1996年1月W3C推荐标准
HTML 4.0	1997年12月W3C推荐标准
XHTML 4.01	1999年12月W3C推荐标准
HTML5.0	2008年8月W3C工作草案

二、HTML文件的基本结构

编写HTML文件时，必须遵循一定的语法规则：一个完整的HTML文件由标题、段落、表格、文本等各种嵌入的对象组成，这些对象统称为“元素”。

1.HTML文件的结构

HTML的任何标签都用“<”和“>”围起来，如<html>。如果在起始标签的标签名前加上“/”便是终止标签，如</html>,夹在起始标签和终止标签之间的内容受标签的控制，如<title>标题</title>。HTML（web网页）分为头和主体俩个部分：

基本语法：

<html>

<head>头部</head>

<body>主体</body>

</html>

下面用一个简单的HTML文件来熟悉HTML文件的结构：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML文件结构入门</title>
	</head>
	<body>
		这是我的第一个HTML网页
	</body>
</html>

在浏览器中运行的结果为：

语法说明：

<html></html>在最外层，表示这对标签之间的内容是HTML文档；

<head></head>之间包括文档的头部信息，如网页标题（也可以不需要写入）；

<title></title>文本标题

<body></body>标签一般不能省略，表示正文内容的开始。

2.编写HTML文件的注意事项

（1）“<”和“>”是任何标签的开始和结束，并且不能忘记在结束标签里接入“/”；

（2）在源代码中不区分大小写；

（3）任何回车和空格在源代码中不起作用，空格和回车只是为了让程序员编程时使代码更清晰；

（4）在HTML标签中可以放置各种属性，如：

<h1 align="left">一级标题</h1>

（5）要正确输入标签。（输入标签时不要输入多余的空格）

（6）在HTML中源代码注释：

三、HTML文件编写方法

1.使用记事本编写HTML页面

示例代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>无标题的文档记事本文档</title>
	</head>
	<body>
		<table width="600">
			<tbody>
				<tr>
					<td>
						<img src="images/index.jpg" width="500" height="500" alt=""/>
					</td>
				</tr>
			</tbody>
		</table>
	</body>
</html>

在自己的电脑桌面上新建文件夹并取名（我的文件夹名称是“效果1”以我的为列），在效果1文件夹里面新建一个images文件夹和一个index.txt的文本文档。在images文件夹里面随便插入一张图片并改名为index.jpg。

然后把代码复制到记事本里面去，并把index.txt的后缀名改成index.html,最后将index.html用浏览器打开，就会看到类似一下效果：

2.用HBuilder编写HTML页面（也可以用其他前端编辑软件）

打开HBuilder，新建一个项目，在新建的项目里面再新建一个HTML文件和images目录，将代码复制进去，最后在运行。效果都是一样的，不过在编程中用的都是第二种可视化编程。

四、网页设计与开发过程

1.明确网站定位

网站的整体定位、网站的主要内容、网站浏览者的教育程度.........

2.收集信息和素材

文本内容素材的收集、艺术内容素材的收集

3.规划栏目结构

4.设计页面图像

5.制作页面

6.实现后台功能

留言板、搜索功能、新闻发布管理系统、购物网站

7.网站的测试与发布

这里就不做具体的介绍。。。。。。。。。。。

两条咸鱼儿

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Html入门

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
复制链接

扫一扫