html网页制作教程（html网页制作过程）
今天给各位分享html网页制作教程的知识，其中也会对html网页制作过程进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
本文目录一览：
- 1、如何制作HTML文件？
- 2、网页设计制作教程
- 3、html网页制作教程
- 4、如何制作一个自己的网页
如何制作HTML文件？
HTML文件制作方法如下：
一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。
二、将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三个选择是一样的，没有差别。
三、用网页浏览器打开文件，双击文件，它应该会自动在浏览器打开，但现在还只是个空白网页。
四、更新网页，查看已保存的更改。将strongHello/strong输入空白的文件。
更新浏览器上的空白网页，你应该可以看到网页上方有个加粗的“Hello”字眼。在本教程中，你随时可以测试新的HTML。只要保存.html文件，然后更新浏览器窗口，就能看到浏览器如何诠释HTML。
六、构建文档。删除HTML文档里的所有东西。这个HTML代码告诉浏览器你使用哪一版HTML，网页所有内容都在html和/html标签之间。
七，添加head和body标签。HTML文档分为2个部分。“Head”部分是特别信息，例如网页标题。“Body”部分则包括网页内容。
扩展资料
一个网页对应多个HTML文件，超文本标记语言文件以.htm（磁盘操作系统DOS限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。
标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：br/），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符html,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头;而/html,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
文本标记语言源程序的文件扩展名默认使用htm（磁盘操作系统DOS限制的外语缩写为扩展名）或html（外语缩写为扩展名），以便于操作系统或程序辨认，除自定义的汉字扩展名。在使用文本编辑器时，注意修改扩展名。而常用的图像文件的扩展名为gif和jpg。
超文本标记语言源程序为文本文件，其列宽可不受限制，即多个标记可写成一行，甚至整个文件可写成一行；若写成多行，浏览器一般忽略文件中的回车符（标记指定除外）；对文件中的空格通常也不按源程序中的效果显示。
完整的空格可使用特殊符号（实体符）“nbsp（注意此字母必须小写，方可空格）”表示非换行空格；表示文件路径时使用符号“/”分隔，文件名及路径描述可用双引号也可不用引号括起。
标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束；标记元素忽略大小写，即其作用相同，但完整的空格可使用特殊符号“nbsp（注意此字母必须小写，方可空格）”。
许多标记元素具有属性说明，可用参数对元素作进一步的限定，多个参数或属性项说明次序不限，其间用空格分隔即可；一个标记元素的内容可以写成多行，标记符号，包括尖括号、标记元素、属性项等必须使用半角的西文字符，而不能使用全角字符。
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的标准制定者和维护者】
二、标签：【以尖括号开始，尖括号之间描述信息，就叫标签】列子： 对 错 对，分类：开始标签 结束标签
三、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网页制作教程吧。
01
新建记事本
在桌面上，新建一张记事本，如下图所示：
02
编写代码
打开记事本，编写代码，如下图所示：
03
修改后缀名
把记事本修改后缀名为.html，如下图所示：
04
网页
在桌面上就会有一张网页，如下图所示：
05
运行网页
最后在浏览器上运行该网页，如下图所示：
如何制作一个自己的网页
制作一个自己的网页的具体方法如下：
工具／原料：Dreamweaver 8.0。
1、首先，你得安装Dreamweaver软件，打开启动后点击创建一个html页面。
2、设置表格行和列数。
3、点击确定得到一个宽1000像素的表格。在这里面我们可以加图片或者文字，来作为bnner。
4、这里我们先打上一行字演示一下。
5、设置一下表格的高度，左侧加5列来作分类导航。
6、最后保存来看看，按F12预览效果。
7、文字显示出来了，但是很单调呀，继续加点边框和底色。
8、边框加1，底色参数如下图。
9、合并单元格，如下图所示。
10、加张图片进来看看效果。
11、最后，加个背景色，点击菜单栏上的修改－页面属性－背景颜色，点击确定即可。
12、最后效果图，这是一个简单式的html制作。
html网页制作教程的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html网页制作过程、html网页制作教程的信息别忘了在本站进行查找喔。
