百度360必应搜狗淘宝本站头条
网站建设百度搜索推广苏州网站建设外贸网站建设免费网页在线客服系统
当前位置：网站首页 > SEO教程 > 正文

HTML的入门及结构组成 html基本组成结构

gaoyangw 2024-11-13 10:36 24 浏览 0 评论

当大家在浏览网页的时候，是否思考过这样一个问题：怎样才能制作出一个网页呢？制作出一个网页是很简单的，只要知道什么是HTML并掌握HTML的基础知识就可以制作出一个简单的网页，今天我就为讲解HTML的入门及结构组成。

一、什么是HTML?

1、在我们开始学习HTML之前我们需要知道什么是HTML？

HTML的全称为Hyper Text Markup Language，中文名称为超文本标记语言，阅览方式为网页浏览器，同时HTML也被称为网页。

2、一个简单的HTML文档

二、HTML编辑器

我们在可以使用TXT文本文档或者专业的HTML编辑器来编辑HTML。

1、记事本

①　创建一个TXT文本

②　输入HTML代码

③　点击文件—另存为—输入名称+“html”的后缀名即可得到你的第一个HTML文件。

④　然后双击这个文件运行。

2、专业编辑器

①　Sublime Text

②　HBuilder

③　Adobe Dreamweaver

④　CoffeeCup HTML Editor

这其中我比较推荐HBuilder这款编辑器，界面简单，编辑起来很快。

三、HTML的组成部分

在上面的案例中我们可以看到HTML是由头部（head）和身体（body）所组成的。

1、头部（head）

通常包含标题（title），也就是一个网页的名称

2、身体（body）

body的部分是整个网页的重要内容部分，让人一眼就浏览到这个网页的内容，可以插入文本、图片、多媒体等内容。

四、HTML元素

l HTML元素是指以开始标签起始，以结束标签终止的元素：元素内容即为开始标签与结束标签之间的内容。

l <head></head>、<body></body>、<p></p>、<h1></h2>等这些都是HTML元素，在上面的案例中就有六个元素。

l 也有部分元素只有开始标签，例如<br>,以开始标签的结束而结束。

五、HTML的属性

l 一般来说HTML的属性就是HTML元素的属性，属性可以在元素中添加附加信息。

l 属性总是以名称/值对的形式出现，比如：name=”value”。

l 属性一般描述于开始标签。

l style中会有更多的属性。

六、HTML格式化

HTML可定义很多供格式化输出的元素，比如粗体字和斜体字。

HTML文本格式化标签

标签

描述

<b>

定义粗体文本

<em>

定义着重文字

<i>

定义斜体字

<small>

定义小号字

<strong>

定义加重语气

<sub>

定义下标字

<sup>

定义上标字

<ins>

定义插入字

<del>

定义删除字


HTML“计算机输出”标签

标签

描述

<code>

定义计算机代码

<kdd>

定义键盘码

<samp>

定义计算机代码样本

<var>

定义变量

<pre>

定义预格式文本

HTML引文、引用及标签定义

标签

描述

<abbr>

定义缩写

<address>

定义地址

<bdo>

定义文字方向

<blockquote>

定义长的引用

<q>

定义短的引用语

<cite>

定义引用、引证

<dfn>

定义一个定义项目

七、HTML超链接

超链接可以是图片、文字、多媒体也可以是一个网址

示例：

结果：

点击带有下划线的两个字就可以进入某度的网站

八、HTML CSS

1、CSS是一种层叠样式表，可以修饰html元素的样式并可以精确地进行排版

2、CSS有三种方式：

l 内部样式，在HTML元素中使用“style”属性

l 内部样式表，在头部<head>区域使用<style>元素来包含CSS

l 外部引用，引用带有后缀css的文件，示例：

如果你看到了这里，就说明你已经打开了制作网页的大门啦~

相关推荐

打工人必备!赶紧收藏!DeepSeek的3个SEO隐藏技巧

引言：AI如何破解内容创作的“死亡循环”？你是否曾为每天写不完的选题、抓不住的热点、优化不了的排名而焦虑？当AI工具遇上SEO策略，这场“人机协作”的革命正在重塑内容生态。正如埃隆·马斯克所言：“AI...

如何提升网站权重（提高网站权重方法）

提升网站权重是优化网站在搜索引擎中排名的重要手段，以下是一些关键方法：优质内容：发布原创、有价值的内容是提升权重的核心。确保内容结构清晰，使用合适的关键词，同时避免过度优化。用户体验：优化网站加载速度...

小红书运营如何进行内容更新?有哪些频率建议?

在小红书上进行内容更新是一项需要策略和规划的工作。随着平台的不断发展，用户的需求和偏好也在不断变化，因此，及时更新内容显得尤为重要。接下来，将从几个方面介绍如何进行小红书内容更新，以及相关的频率建议。...

做Tk新人Tk关键词优化（tk系统爱好）

...

网页ui设计两大关键:响应式和可访问性的秘籍全揭秘

在快速发展的互联网时代，网页UI设计已成为连接用户与信息的桥梁。优秀的UI设计不仅能够吸引用户的注意力，还能提升用户体验，促进信息的有效传递。而在这其中，响应式设计和可访问性无疑是两大核心要素，它们共...

网站维护攻略:零宕机×极速体验×安全壁垒，让您的业务永远在线

网站维护是确保网站稳定运行、持续优化的重要过程，涉及技术管理、内容更新及安全防护等多个方面。作为网站管理员或IT团队的一员，了解和执行网站维护工作对于保持网站的高效运行和用户满意度至关重要。以下是网站...

Vue应用性能优化实战:8 个提升页面加载速度的关键策略

一、构建优化与代码精简1.1代码分割与异步加载...

华小锦建站:做好这四点，搭建实用美观企业官网

在互联网时代，企业官网已成为推广产品与服务的核心渠道。随着互联网技术的飞速发展，众多企业深刻认识到网络推广的重要性。企业应立足自身，充分利用互联网平台，塑造更具吸引力的网上形象。通过精心搭建网站，宣传...

服务器对网站性能的优化（网站服务器速度对seo的影响）

在数字时代，网站已成为企业与客户互动的主要窗口。网站的加载速度、稳定性和用户体验直接影响到企业的品牌形象和业务成果。尽管网站优化涉及内容、设计和前端代码等多个方面，但服务器的性能同样扮演着至关重要的角...

优化网页性能的时候,需要考虑什么因素呢

在优化网页性能时，需要考虑以下关键因素：一、前端性能优化减少资源加载时间压缩图片和多媒体文件：通过压缩图片、视频和音频文件，减小文件大小，从而加快加载速度。选择合适的图片格式（如JPEG、PNG、We...

如何对网站进行优化以提高加载速度

对网站进行优化以提高加载速度，让.com、.top域名告诉您可以从以下几个方面着手：首先，压缩网站文件是关键。利用压缩算法，如Gzip，来减小CSS、JavaScript等文件的大小，从而缩短用户访问...

QNAP 威联通 NAS 迅雷+百度云脱机远程下载解决方案

QNAP威联通NAS迅雷+百度云脱机远程下载解决方案一、前言家里一直想添置一台NAS，自己之前也折腾过黑群晖，PogoPlug，最终还是选择的QNAP（威联通）的产品，主要用途就是数据的分享和脱...

73颗磁力珠被5岁男孩吞下……消化道穿孔只能手术取出

“屡禁不止的磁力珠，要创年度磁力珠消化道穿孔之最吗？”连夜做完手术后，浙大儿院普外科章立峰副主任医师忍不住和同事感慨道。11月1日晚，章立峰和同事从一个5岁小男孩的小肠里取出73颗磁力珠。这是他们手术...

好用的磁力在线播放下载软件，云盘.吊打迅雷

pikpak,目前磁力在线播放下载都吊打某雷的软件。无视某雷屏蔽,解析播放速度也比某雷快。使用很方便。下载链接:https://toapp.mypikpak.com/activity/invited?...

6个让你10T硬盘立马爆掉的资源网站，再也不需要去百度上找资源了

你还在为找不到资源而烦恼吗？自己在网上总是找不到想要的资源，看这个电脑里面空空荡荡的10T硬盘，真的印证了一句话："英雄无用武之地"！如果你也是在网上找不到满意的资源，那么不用担心啦！这里小编为大家整...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表