网页制作教程

网页制作教程,第1张

网页制作教程如下

(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的标准制定者和维护者】

二、标签:【以尖括号开始,尖括号之间描述信息,就叫标签】列子: 对 错 对,分类:开始标签 结束标签

三、HTML文档结构

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

四、记事本开发网页步骤

(1)新建文件.txt

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

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

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

五、HTML注意事项

(1)标签成对出现。

(2)标签具有嵌套型

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

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

(5)标签有属性

tips:注意事项a:h1 align 中间要有空格;b:属性名:align 属性列:center 属性列要加"",之间要加 =

(6)注释

(7)换行和空格不管用【如何换行】

六、网页的基本标签

(1)头部标签:

(2)text 设定文字颜色

[或者使用颜色代码]:使用#和十六进制数据组成

(3)【背景颜色】:bgcolor 【背景图片】:

(4)文字标记:hello world

(5)hfbasbhgdshbfshp标签前后自动换行 且有align 三个属性【left center right】

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

(7)空格: 版权符号

(8)文字修饰标记:加粗 加斜体 加下划线 删除线

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

(10)如何引入图片 单个标签

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

学习HTML需要注意哪些问题

随着互联网的飞速发展,越来越多的中小型企业对于网站的建设非常关注,而HTML语言是一种非常常用的网站建设语言。想要提升HTML语言的设计技巧,就需要从基本方面加以考虑。那么HTML学习注意事项有哪些呢?

卓绝对一些基本属性的掌握。可以这么说,HTML是建构一个网站的基础,DIV是它的框架, 而CSS则是它的一个装饰性的布局。构成HTML的元素有标题段,段落,表格等内容,而熟悉每一种元素也能够为后期的学习带来一定的帮助。济南天材教育老师认为,在不同的元素之间切换,不仅仅要对每种元素的使用方法加以掌握,同时也要对一些细节的要素把握住技巧。

第二熟悉HTML的构成架构标准。如果是这样的形式开始<html>,那么这个就是网页的起点,如果是以</html>的形式出现,那么这个就是HTML文件的一个结束的标志。在此中间,<head>表示的意思为标签,<title>是标签当中的文本,<body>则是在浏览器当中显示的文本。<b>、</b>则是为在网页当中显示的文体的体现。济南天材教育老师认为,在刚开始学习HTML语言的时候,对于这些内容的基本掌握具有非常重要性的作用,这个也是后期学习的关键性所在。

第三熟悉一些命令的表示,有效提升HTML语言掌握的速度。济南天材教育老师表示,想要充分掌握这样的学习性的技巧,在一些HTML命令的学习上需要一定的技巧。如背景色的设置与文字的设置,<body bgcolor=“背景色”,而text=“文字颜色”>,<body leftmargin=“像素” topmargin=“像素”>。济南天材教育老师在这方面具有非常专业的技巧,对于这样的一些设置的标志在一开始学习的时候更好能够死记硬背,等到掌握这样的技巧之后,就能够非常灵活地编辑一些HTML语言了。

当然在学习HTML语言当中,从初级到精通需要更多的地方。HTML学习注意事项可以通过济南天材教育的老师的点拨,那么自己的学习速度也会更加快。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7380264.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-05
下一篇2023-04-05

发表评论

登录后才能评论

评论列表(0条)

    保存