我的编程空间,编程开发者的网络收藏夹
学习永远不晚

HTML网页制作基础是什么

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

HTML网页制作基础是什么

这篇文章主要为大家展示了“HTML网页制作基础是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML网页制作基础是什么”这篇文章吧。

一、HTML基础

(1) HTML:超文本编辑语言hyper text markup language(编写网页)

文本:用来描述数据,特别单调,只能输文字,不能变彩色,不能插入图片。

超文本:丰富多彩的的展示文件

(2)www 【w(world)w(wide)w(web)万维网,因特网】

含义:建立在Internet上面的,全球的,交互的,多平台的,分布式的信息资源网络

多平台的:操作系统 【window linux(Android) unix(iOS)】

交互的:阅读、发表【CSDN】

分布式的:有多台服务器为网络进行服务。

(3)万维网的组成

URL 【Uniform Resource Locator(统一资源定位符)网站】

HTTP【hypertext transfer protocal超文本传输语言】

(4)W3C 【HTML的标准制定者和维护者】

二、标签:【以尖括号开始<,以尖括号结束>,尖括号之间描述信息,就叫标签】

列子:<人> 对 <ha ha>错 <haha>对

分类:开始标签<dgs> 结束标签</dgs>

三、HTML文档结构

人=头(head)+身体(body>

<html><人>

<head><头>

</head></头>

<body><身体>

</body></身体>

</html></人>

四、记事本开发网页步骤

(1)新建文件.txt

(2)更改后缀【.hmtl】或【.htm】------[选中文件,点击f2--快捷方式]

(3)后缀名作用:告诉Windows系统,用什么样的程序打开文件。

(4)源代码:记事本打开 执行结果:网页打开

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

(3)排版问题:子标签的父标签之间应该有8个空格:一个tab键

<html>

<head>

IT教育学院

</head>

<body>

计算机专业你好

<h2>

欢迎来到九云IT教育学院

</h2>

</body>

</html>

(4)html不区分大小写,最好全部用小写

(5)标签有属性

<h2 align="center">九云IT教育</h2>

tips:注意事项

a:h2 align 中间要有空格

b:属性名:align 属性列:center 属性列要加"",之间要加 =

(6)注释 <!--2018-4-21-->

(7)换行和空格不管用【如何换行<br /> 】

六、网页的基本标签

(1)头部标签:<tittle> </tittle>

(2)text 设定文字颜色 <body text="yellow">[或者使用颜色代码]:使用#和十六进制数据组成

(3)【背景颜色】:bgcolor 【背景图片】:<body background="图片名">

(4)文字标记:<font color="red" size="7">hello world<font/>

(5)<p>hfbasbhgdshbfsh</p> p标签前后自动换行 且有align 三个属性【left center right】

(6)标题<h2> </h2>-------可以一直到6,并且自动换行<h7></h7> 也有align属性【left center right】

(7)空格: 版权符号 &copy;

(8)文字修饰标记:加粗<b> </b> 加斜体<i></i> 加下划线<u></u> 删除线 <s></s>

(9)支持的图片:常用.jpg .gif .png

(10)如何引入图片 单个标签<img class="lazy" data-src=" " width=" " high=" "/>

(11)超级链接【从一个网络跳到另外一个网页】:<a> </a> 【非常重要的属性 href 要链接到的地址】

以上是“HTML网页制作基础是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

HTML网页制作基础是什么

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

html网页制作的基本步骤是什么

制作HTML网页的基本步骤如下:1. 规划网页结构:确定网页的整体布局、导航结构和内容组织方式。2. 创建HTML文件:使用文本编辑器创建一个以.html为后缀的空白文件。3. 添加DOCTYPE声明:在文件的开头添加声明,以告知浏览器使用
2023-08-30

html网页制作用什么语言

网页制作使用 html,html 是一种标记语言,使用标签定义网页元素的结构和内容。html 标签由尖括号组成,内含元素名称。html 文档通常遵循 html 声明、head 部分和 body 部分的结构。html 中有许多元素,用于创建标
html网页制作用什么语言
2024-04-05

html网页制作用什么软件

html网页制作软件有很多,依次推荐的是文本编辑器(如sublime text、atom、notepad++)、集成开发环境(如adobe dreamweaver、microsoft visual studio、eclipse ide)、在
html网页制作用什么软件
2024-04-05

python制作网页的基本步骤是什么

制作网页的基本步骤如下:1. 设计网页布局:确定网页的整体结构,包括头部、导航栏、内容区域和底部等部分。2. 编写HTML代码:使用HTML标记语言创建网页结构,包括标题、段落、列表、图像等元素。3. 编写CSS样式:使用CSS样式表为网页
2023-09-29

html网页制作需要什么软件

html 网页制作需要文本编辑器和 web 浏览器。文本编辑器:visual studio code、sublime text、atom、notepad++ 等,提供语法高亮、自动完成和错误检查。web 浏览器:google chrome、
html网页制作需要什么软件
2024-04-05

网站制作基础中WEB标准是什么样的

本篇文章为大家展示了网站制作基础中WEB标准是什么样的,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。为什么使用 web 标准?由于存在不同的浏览器版本,web 开发者常常需要为耗时的多版本开发而艰苦
2023-06-12

html网页制作怎么居中

html 网页中居中文本可以使用以下方法:text-align 属性:将文本对齐方式设置为 "center"。margin 属性:为左、右边距设置相同的数值。flexbox 布局:容器设置为 "flex",子元素设置为 "margin: a
html网页制作怎么居中
2024-04-21

Python网络爬虫之Web网页基础是什么

本文小编为大家详细介绍“Python网络爬虫之Web网页基础是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“Python网络爬虫之Web网页基础是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。1.网页的
2023-07-05

html网页制作的基本步骤有哪些

本文将为大家详细介绍“html网页制作的基本步骤有哪些”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“html网页制作的基本步骤有哪些”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去
2023-06-06

html网页制作怎么添加图片

在 html 中添加图片的方法:使用 标签,指定图片 url(src 属性)和替代文本(alt 属性)。确定要显示的图片的 url。将 html网页制作怎么添加</div></div><div class=html网页制作怎么添加图片
2024-04-05

Docker基础操作是什么

本篇内容介绍了“Docker基础操作是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1.下载镜像docker pull centos2.
2023-06-04

html网页制作图片怎么居中

在 html 中,将图片居中对齐有两种方法:使用 css:margin: 0 auto; 将图片水平居中,display: block; 使其占据整个宽度。使用 html:元素将图片水平居中,但灵活性较低,不符合最新 web 标准。如何在
html网页制作图片怎么居中
2024-04-05

编程热搜

目录