解密HTML基础：构建网页的头部、眼睛与身体

需积分: 3 57 浏览量更新于2024-09-10 收藏 126KB DOC 举报

"HTML基础学习" HTML（HyperText Markup Language）是构建网页的标准标记语言，是网站制作的基础。HTML允许开发者通过一系列预定义的标签来组织文本、图像和其他元素，创建出可被浏览器解析并显示的结构化内容。在HTML中，网页的基本结构通常包括三个主要部分：头部（Head）、标题（Title）和主体（Body）。 1. **头部（Head）**：头部主要包含文档的元信息，如字符编码、引用样式表、脚本等。在HTML中，头部使用`<head>`标签来包裹，内容一般包括`<title>`标签，定义网页的标题，这会在浏览器的标题栏显示。 ```html <head> <title>网页标题</title> </head> ``` 2. **标题（Title）**：`<title>`标签位于`<head>`标签内，用于设定网页的标题，不仅在浏览器的标题栏显示，还对搜索引擎优化（SEO）至关重要。 3. **主体（Body）**：主体部分是网页的主要内容，所有用户在浏览器窗口中看到的都包含在这个部分。`<body>`标签用来包围所有页面可见内容，如文本、图片、链接、表格等。 ```html <body> 页面内容 </body> ``` 4. **HTML基本结构**：一个完整的HTML文档通常以`<html>`标签作为根元素开始，包裹整个文档。 ```html <html> <head> <title>网页标题</title> </head> <body> 页面内容 </body> </html> ``` HTML代码是不区分大小写的，所以`<HTML>`、`<head>`、`<title>`等标签可以写作`<html>`、`<HEAD>`、`<TITLE>`。同时，HTML会忽略多余的空格、制表符和换行，因此在编写代码时，为了提高可读性，我们可以适当增加缩进和换行。学习HTML基础，除了掌握这些基本结构，还需要了解各种标签的用途，如段落`<p>`、链接`<a>`、图像`<img>`、列表`<ul>`、`<ol>`、`<li>`等。此外，了解如何使用属性来定制元素的行为，例如`src`属性用于指定图像的路径，`href`属性用于链接的目标地址。 HTML是动态网页的基础，结合CSS（Cascading Style Sheets）用于样式设计，JavaScript则用于交互式功能的实现。熟练掌握HTML基础，将为后续的前端开发学习打下坚实的基础。

第一讲　HTML 基础

 是网页主要的组成部分，基本上一个网页都是由  语言组成的，所以要学习网

站怎样建设，必须从网页的基本语言学起。

先简单的介绍一下  语言（我们在这灌输大家的是能够实际操作）， 是网络的

通用语言一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页

面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗

一点都不神奇现在咱们就开始接她的面纱。

一、 的组成结构（头部、眼睛、身体好像一个人一样是不是？）

、头部。只要你学过英语，你应该知道头怎么用英文写吧！是的， 就是了；所以，

头部的  写法就是头部的内容，大家注意一下，这两个非常相似，只

是后一个比前一个多了”符号。类似这样的以后会经常用到。

、眼睛。就好像人的眼睛一样，它是心灵的窗口，而一个网页的眼睛应该就是它的页面的

标题了，标题怎么说呢？没错！所以标题这些应放在和

之间。也就是

标题

、身体。身体是网页最主要的部分了，因为前面讲的都不是页面所显现出来的，而大家所

看到的页面页就是他的身体部分了（当然它的  可以在浏览器的最左上角可以看到），身

体，他的写法也就是： !"页面内容 !"



最后，别忘了把这些部分组成一体网页，所以咱们就用##把他们给包起

来。

好了，咱们来大体看看网页的结构$例 %：

#

　　 

　　 

　　标题

　　 

　　 

　　  !"

　　页面内容

　　  !"

　　#

大家可能已经注意到在上文的代码中，的书写格式和前面介绍的有所不

同，它把内容分成三行来写，这对  代码来说是无所谓的，因为 

会自动将空格、制表符和回车忽略掉，同样的，其它的标签也可以这样来理解。

将以上的代码复制到记事本中，另存为”&'#，然后用  游览器打开，效果如下（加

红色边框和红线的地方，为说明部分。）：

下载后可阅读完整内容，剩余4页未读，立即下载

ges23

粉丝: 0
资源: 1

解密HTML基础：构建网页的头部、眼睛与身体

HTML基础学习.zip

HTML基础学习示例代码.zip

html基础学习资料

Html基础学习

html基础学习思维导图

HTML基础学习教程—ppt

html基础学习例子.part1

HTML基础学习中.......zip

html基础教程学习

html标签基础学习笔记

最新资源