一、html网页设计制作教程
html css可以用notepad++编写。
Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL)，有完整的中文化接口及支持多国语言编写的功能(UTF8技术）。
支持众多计算机程序语言: C,C++,Java,pascal,C#,XML,SQL,Ada,HTML,PHP,ASP, AutoIt, 汇编, DOS批处理, Caml, COBOL, Cmake, CSS等。
Notepad++功能比 Windows 中的 Notepad(记事本)强大，除了可以用来制作一般的纯文字说明文件，也十分适合编写计算机程序代码。Notepad++ 不仅有语法高亮度显示，也有语法折叠功能，并且支持宏以及扩充基本功能的外挂模组。
Notepad++是免费软件，可以免费使用，自带中文，支持众多计算机程序语言: C、C++、Java、pascal、C#，XML、SQL、Ada、HTML、PHP、ASP,、AutoIt,、汇编,、DOS批处理、Caml、 COBOL、Cmake、CSS,D、Diff、
ActionScript、Fortran、Gui4Cli、Haskell、INNO、JSP、KIXtart、LISP、Lua、Make处理(Makefile)、Matlab、INI文件、MS-DOS Style、NSIS、Normal text、Objective-C、Pascal、Python、Javascript、Verilog、Haskell、InnoSetup、CMake、VHDL、Matlab。
超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言(或超文本标签语言)的结构包括“头”部分和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
二、html网页怎么排版
web版式调整方法：
1.首先在打开的网页中，一次点击文件，另存为。总之找到可以保存网页的命令按钮，点击保存网页。
2.在弹出保存菜单中选择保存类型为“网页，仅html”选项，点击保存。
3.现在找到我们的网页文件，右击选择转化为adobe pdf 即可调整。
三、用html制作表格排版网页
float常常用于对对象设置靠左、靠右排版布局，遇到对象盒子靠左或靠右时就需要使用css float来布局，当然此属性是设置框架靠左靠右，而另外一个css内容靠左、css内容靠右、css内容居中属性text-align，切勿搞混淆。
一、float语法结构与小示例
1、float语法：
float : none | left |right
2、float参数值介绍：
float:none —— 对象不浮动
float:left —— 对象浮在左边
float:right —— 对象浮在右边
3、float值使用说明：
float属性的值指出了对象是否及如何浮动。
当该属性不等于none引起对象浮动时，对象将被视作块对象(block-level)，即display属性等于block
四、html网页排版布局框架案例
1. ET高低层排版步骤包括：确定排版内容、制定排版方案、进行排版设计、进行排版操作、进行排版效果检查和修正。2. 确定排版内容是指明确需要进行排版的文本、图片等内容，制定排版方案是指根据排版内容的特点和需求，设计出适合的排版方案。进行排版设计是指根据排版方案，进行具体的排版设计，包括字体、字号、行距、段落格式等。进行排版操作是指根据排版设计，使用排版软件进行具体的排版操作。进行排版效果检查和修正是指对排版后的效果进行检查和修正，确保排版效果符合要求。3. 在进行ET高低层排版时，需要注意排版内容的清晰度和美观度，同时还需要考虑排版的可读性和易用性。
五、html 网页制作
超链接，可以说是HTML中基本也是最重要的特征之一，方便进行多页面的跳转。比如通过网络看新闻，那简直是看无止境，那链接是无论如何也点不完了。本篇，小编就教你如何创建超链接的方法？
第一步：使用代码编辑软件，创建一个html结尾的文档。
第二步：把代码编辑在<body></body>内，写入：<a>Link text</a>，点击保存。
第三步：点击F12预览，或者直接在代码编辑器中点击地球小图标，然后点击第一个预览，如下图所示内容。
第四步：超链接就创建成功了。