1、桌面空白处单机右键，新建一个记事本并打开 2、在文件中输入如图代码。 html语言都是以等开始，以为结束。(就是后面括号里加了一个/） 3、接下来举个例子在中间输入网页标题（如英雄联盟）在中输入“怒送一血，辅助游走，至今未归。。。。”完
本文我们将从以下几个部分来详细介绍如何用HTML创建一个简单网页：创建网页、保存和打开网页、参考
本文会教你用HTML编写一个简单的纯文本网页。创建了文本页面后，你可以将它保存为HTML文档并用网络浏览器来查看。使用Windows和Mac电脑自带的基本文本编辑器，就能创建HTML页面。部分 1创建网页
Document请输入xxxxxxxxxxx请投票看涨看跌不清楚 代码空白地方的br换行被吞了自己加上
第1步：打开编辑器。
1，首先新建一个记事本文件，双击打开。 2，打开记事本文件之后，输入一些简单的html代码。输入之后，保存文件。 3，再次点击记事本文件，按下键盘上的F2键进行重命名。将后面的“txt”改为“html”，然后确定更改。 4，更改完成后，再次打开该文件
Windows电脑用户通常使用“记事本”，Mac电脑用户则使用TextEdit：
1、首先，在计算机桌面上创建一个新文件夹，然后在该文件夹中创建一个新的文本文档。 2、然后双击打开带有记事本的文本文档，如下图所示，我们编写一个简单的html代码。 3、单击“另存为”的功能选项，显示默认保存为编码为ANSI。 4、我们将更改编
Windows：打开开始
点击桌面Dreamweaver软件，双击打开。 选择文件-新建，建立新的文档，或使用快捷键Ctrl+N。 将光标置入空白网页中，输入你需要的文字。 将鼠标光标放在文字开头，按住鼠标左键拖到最后，选中所有文字，或使用快捷键Ctrl+A。 在下面属性面板中，
菜单，输入notepad，点击出现在窗口顶端的记事本
select标签可以创建下拉列表，列入 我是下拉项目1 我是下拉项目2 我是下拉项目3 我是下拉项目4
程序。
Mac：点击Spotlight
打开记事本,输入以下内容 你的标题 这部分是网页的主体 文件另存为.html格式,一个最简单的html文件就完成了
，输入textedit，双击出现在搜索结果最上方的TextEdit
完整的代码如下： 简单网页制作练习 1.文字内容，直接输入文字即可。。。。。如果想设置其相关属性可以使用font标签 红色18号文字 2.添加图片 楼主，如果不明白可以HI联系我。。。。
程序。
第2步：将文档类型设为HTML。
可获取码列表： 123456 123457 123458 123459 123460 123461 其中所有liscode是从一个txt文档上提取的，当用户点击获取一个的时候，该项即被删除。 如何用python实现呢？ 做一个py脚本或exe给用户实现的话大概像下面这样： Python code infile
输入<!DOCTYPE html>，按Enter换行，输入<html>，再按一次 Enter。最后输入<head>，然后按Enter。文档最上方的内容应该类似如下示例：
可获取码列表： 123456 123457 123458 123459 123460 123461 其中所有liscode是从一个txt文档上提取的，当用户点击获取一个的时候，该项即被删除。 如何用python实现呢？ 做一个py脚本或exe给用户实现的话大概像下面这样： Python code infile
<!DOCTYPE html><html><head>
创建网页页面 1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。 注
第3步：给网页添加标签页标题。
是这样的效果吗？ 3 function r() { var username=document.getElementById("username"); var pass=document.getElementById("password"); if(username.value=="") { alert("请输入用户名"); username.focus(); return; } if(pass.value=="") {
打开网页时，这个标题会出现在浏览器窗口标签页的标题栏上，比如“”。输入<title>，输入网页的标签页标题，再输入</title>。最后在单独一行添加“Head”的结束标签，也就是</head>。标题应该如下所示：
方法/步骤 1 首先我们在桌面点击右键找到新建。 2 然后点击新建中的文本文档 3 这时候桌面会多出一个文件，我们可以对它进行命名、修改等操作。 4 现在我们双击进入修改。 5 在文本框内输入图中代码。 6 现在我们点击保存并退出修改。 7 右键它
<title>我的网页</title></head>
如果你们老师没有教你Dreamweaver如何使用的话，可以使用editplus或notepad++这两款编写代码的工具，当然，记事本也是可以的，但需要注意的是，保存文件的后缀名为html。 把以下代码复制到编辑器或记事本里，然后在标签内写上你要显示的HTML代码
第4步：说明正文内容开始。
html5标签掌握了，从上到下从左到右，标签合理使用，先把框架搭好，再结合css3做效果，先花时间把html5 css3看两遍，再看网页设计html5制作教程就ok了 当然这只是最简单的
在“Head”的结束标签下方输入<body>。这个标签告诉浏览器接下来的内容都是网站正文，直到出现“Body”结束标签。它应该看起来像这样：
1、首先，策划网站。 你想要建立一个怎样的网站，门户型？企业型？还是纯个人型？网站名称、域名是什么（至少准备三个以防已被别人注册），用什么语言建立，关键词（在百度输入什么词可以搜到自己的网站）哪些，等等。这里不做赘述，自行解决。
<body>
用python简单的制作一个网页的方法和详细的操作步骤如下： 1、首先，打开sublime text 3并创建一个新的PY文件，如下图所示。 2、其次，import os，因为涉及系统文件的路径，因此首先在此处导入系统模块，如下图所示。 3、接着，html = open("E:
第5步：创建页面标题。
HTML文件制作方法如下： 一、打开简单的文本编辑器。大部分文本编辑软件都能编写HTML，不过，复杂的软件有自动格式功能，比较难组织HTML页面。 二、将文件格式改成“网页”（Web Page）、“.html”或“.htm”，存在容易找到的位置。上面三个选择是一样
网页标题是出现在网页最上方的标题。输入<h1>，添加标题，然后输入</h1>结束标签。比如：
你可以使用DW软件，就是Macromedia Dreamweaver，常用的版本是V8.0。 你可以通过内置的2种方式来制作HTML网页： 一种是
<h1>欢迎来到我的网页！</h1>
超文本标记语言或超文本链接标示语言（标准通用标记语言下的一个应用）HTML（HyperText Mark-up Language）是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言， 它消除了不同计算机之间信息交流的障碍。 它是目前网络上应用最为广
第6步：随着网页进展，添加更多标题。
html语言使用标记标签来描述网页。 HTML称为超文本标记语言，是一种标识性的语言。它是一种用文本表示带有特殊标签的语言。 HTML包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是
你可以用<h1></h1>到<h6></h6>标签，添加总共6种不同的标题。比如说，要连续添加3个尺寸不同的标题，可以这样写：
首先启动dreamweaver软件（注：小编用的是dreamweaver8.0，继8.0之后cs系列当然是添加了很多新功能，这些新的功能比较吸引网 页制作新手，因为可以利用简单的操作制作更丰富的效果，但是小编个人还是比较建议新手用8.0版本，等熟悉以后再用cs）
<h1>欢迎来到我的网页！</h1><h2>我是小明。</h2><h3>希望你喜欢这里。</h3>
如果你们老师没有教你Dreamweaver如何使用的话，可以使用editplus或notepad++这两款编写代码的工具，当然，记事本也是可以的，但需要注意的是，保存文件的后缀名为html。 把以下代码复制到编辑器或记事本里，然后在标签内写上你要显示的HTML代码
第7步：创建段落。
你学习的过程中 已经建立过小型的网站吧 如果只是为了网络访问搭建 你需要注册一个域名 就是网址 然后购买一个网络空间用来放置你编写的程序 然后域名指向空间 编写好的程序上传好 网站就可以正式冲出电脑 走向世界 供网友访问欣赏了
段落标签用于创建一整块与相邻文本分离的文本。想要将文本分段，先输入<p>，然后输入文本，最后加上</p>结束标签：
获得星期 var mydate=new Date(); switch( mydate.getDay()){ case 1: document.write("今天是：" +"星期一"); break; case 2: document.write("今天是：" +"星期二"); break; case 3: document.write("今天是：" +"星期三"); break; case 4: d
<p>这是一个段落。</p>
你可以连续添加多行段落，在一个标题下有多段内容。
改变文本颜色。在文本前后分别添加<font color="color">}}和{{kbd|</font>标签，就能改变有关文本的颜色。在“color”部分输入你想要的颜色，引号要保留下来。举个例子，如果要将某段文本改成蓝色，应该这样写：
<p><font color="blue">鲸鱼是雄伟的海洋生物。</font></p>
你可以用这组标签将任何文本换成另一种颜色，包括标题。
HTML支持许多颜色，随意尝试不同的颜色名称吧。
对文本进行格式化，比如粗体、斜体或下划线。粗体
、斜体和下划线文本可以分别用<b></b>标签、<i></i>标签和<u></u>标签定义。你也可以创建下标文本（比如平方根前面的数字），以及上标文本（比如平方数）：
<b>粗体</b><i>斜体</i><u>下划线</u><sub>下标</sub><sup>上标</sup>
添加图片。使用<img src="URL"></img>标签将现有的图片嵌入网页。举个例子，如果图片网址是"www.mypicture.com/lake"，应该照下面这样写：
<img src="www.mypicture.com/lake"></img>
链接其它页面。用<a href="link">链接描述文字</a>这组标签来链接其它网站。这里的link是你要链接的网站地址，而链接描述文字则是作为链接让读者点击的一行字。举个例子，如果要链接，应该像下面这样写：
<a href="www.facebook.com">这是网站的链接。</a>
添加网页正文结束标签。文本顶端的<body>和<html>标签和HTML的其它标签一样，在文档底部要输入以下结束标签：
</body></html>
检查网页。如有必要，你还可以在<body></body>标签之间，添加更多段落、标题和文本。一个完整的网页应该类似如下示例：
<!DOCTYPE html><html><head><title>wikiHow Fan Page</title></head><body><h1>欢迎来到我的网页！</h1><p>这里是wikiHow的粉丝专页。不要客气，当作在自己家一样！</p><h2>重要日期</h2><p><i>2019年1月15日</i> - wikiHow的生日</p><h2>链接</h2><p>这是wikiHow网站的链接：<a href="www.wikihow.com">www.wikihow.com </a></p></body></html>
做最后的更改。如果你发现代码里有任何错误，先纠正它们才继续下一步。确认HTML符合你的要求后，就能继续下一个部分。
部分 2保存和打开网页
第1步：Mac电脑用户要先将文档转换为纯文本。
如果你使用Mac电脑，点击屏幕顶端的格式
菜单项，在弹出的下拉菜单中点击转换成纯文本
。
Windows电脑不需要进行这个步骤。
第2步：打开“保存”菜单。
创建了新的文本文档来编写网页后，你可以同时按下Ctrl和S（Windows），或Command和S（Mac）来保存它们。
你也可以点击文件
，从弹出的下拉菜单中点击另存为
。这在Windows和Mac电脑上都行得通。
第3步：给HTML文档命名。
在“文件名”（Windows）或“名称”（Mac）文本框中，输入你想给文档取的名称。
第4步：更改文档的文件格式。
你需要将文档从文本文件改为HTML文件：
Windows：点击“另存为”下拉框，点击所有文件
，然后在文件名后面加上.html。
Mac：将文件名后面的.txt改为.html。
第5步：点击窗口底部的保存。
这就创建了一份HTML文件。
HTML文件通常可以用默认的网络浏览器打开。
第6步：关掉文本编辑器。
这时候，你已经可以在浏览器打开HTML文件，查看做好的网页了。
第7步：用浏览器打开HTML文档。
大多数时候，只要双击HTML文档就可以了。如果双击文档弹出出错信息，那就进行下面的操作：
Windows：右击文档，选择打开方式
，然后点击你想使用的浏览器。
Mac：单击文档，点击文件
，选择打开方式
，然后点击你想使用的浏览器。
第8步：根据需要编辑HTML文档。
你可能在HTML页面看到一个错误。按下面的操作编辑HTML文档内容，以修正错误：
在Windows电脑上，右击文档，从弹出的下拉菜单中点击编辑
。如果你有安装Notepad++，这里的选项会是使用Notepad++进行编辑
。
在Mac电脑上，点击文档选中它，点击文件
，选择打开方式
，然后点击TextEdit
。你也可以将文档拖放到TextEdit。
小提示
想要把图片放在页面中间，可以在img
标签里的图片名称后面输入<class="center">。比如说，<img src="URL" class="center">。
你可以用<marquee></marquee>标签，在网页添加侧向滚动的文本。不过，有些浏览器无法识别这个标签。
许多人使用Notepad++编写和编译代码。
每个起始标签都必须有一个按镜像顺序匹配的结束标签。比如说，用了<tag1><tag2>起始标签后，要用</tag2></tag1>来结束。
警告
如果你打算在网页添加图片，最好先把图片上传到Imgur或类似的网站。贴别人的图片可能会侵犯版权。
参考
https://www.w3schools.com/
https://www.w3schools.com/tags/att_font_color.asp
https://www.w3schools.com/html/html_formatting.asp
https://www.w3schools.com/html/html_links.asp
扩展阅读，以下内容您可能还感兴趣。
怎样用Python写一个Html的简单网页
<html>
<body>
<form>
可获取码列表：
<select name="liscode">
<option value="01">123456</option>
<option value="02">123457</option>
<option value="03">123458</option>
<option value="04">123459</option>
<option value="05">123460</option>
<option value="06">123461</option>
</select>
<input type="submit" value="确认获取"/>
</form>
</body>
</html>
其中所有liscode是从一个txt文档上提取的，当用户点击获取一个的时候，该项即被删除。
如何用python实现呢？
做一个py脚本或exe给用户实现的话大概像下面这样：
Python code
infile = open('codelist.txt','r') codelist = infile.readlines() used_code = codelist[0] #remove用掉的code（删除行） codelist.remove(codelist[0]) infile.close() #重写文件（我不知道是否有能直接删除一行的文件操作方法） outfile = open('codelist.txt','w') for code in codelist: outfile.write(code + '\n') outfile.close() print used_code
怎么用dreamweaver制作html网页
创建网页页面
1、在Dreamveaver“文件－新建－常规－基本页－HTML”，这样就建好了一个页面，英文版的默认的文件名为untitled.htm。中文版的的默认的文件名为“无标题文档”。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。
注：网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此页。
2、在标题空格里输入网页名称，点击修改－页面属性，打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一般默认即可），其他都保持默认即可。
3．此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取文字，用菜单“窗口/属性”打开属性面板，选取文字大小为6，再使文字居中，然后在文字前用几个回车使其位于页面中间等。
4．如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体，点击中间的按钮就可以加入了。
注：在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用，因为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。
注：在网页上打入空格的办法是：把输入法调为全角。
注：在网页上换行的办法是：shift+Enter。只按Enter则为换段。
下面拿一个现成的例子来给大家讲解一下：
现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图：
在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了哪些东西。
□网页顶端的标题“我的主页”是一段文字。
□网页中间是一幅图片。
□最下端的欢迎词是一段文字。
□网页背景是一深紫红颜色。
构思好这个网页的结构，我们就可以开始制作了。
首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。
为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目录images文件夹内。
进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。
【设置文字的格式】 选中文字，在上图属性面板中将字体格式设置成默认字体，大小可任意更改字号。并选中“B”将字体变粗。
【设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在弹出的颜色选择器中用滴管选取颜色即可。
【设置网页的标题和背景颜色】
点击“修改”菜单选“页面属性”。系统弹出页面属性对话框（如下图）
请在标题输入框填入标题“我的主页”。
设置背景颜色： 网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。如果背景要设为图片，点击背景图象“浏览”按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。
设计视图状态，在标题“我的主页”右边空白处单击鼠标，回车换一行，按照以下的步骤插入一幅画图片，并使这张图片居中。您也可以通过属性面板中的左对齐按钮让其居左安放。
【插入图像】选择以下任意一种方法：
（1）使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选中该图像文件，单击确定
（2）使用插入栏：单击插入栏对象按钮>选 按钮，弹出“选择图像源文件”对话框，其余操作同上。
（3）使用面板组“资源”面板（如下图）：点按钮，展开根目录的图片文件夹，选定该文件，用鼠标拖动至工作区合适位置
注：为了管理方便，我们把图片放在“images”文件夹内。如果图片少，您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名 而且使用小写，不能用中文，否则要出现一些麻烦。 一个图片就插入完毕了。（插入*.swf动画文件，选择“插入”菜单＞媒体＞Flash）。 【输入欢迎文字】 在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您……”然后，利用属性面板对文字进行设置。 保存页面。 一个简单的页面就这样编辑完毕了。 【预览网页】在页面编辑器中按F12预览网页效果。 网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。 【小结】我们制作了一个简单的网页。 内容有四： ①图片插入和对齐设置； ②文字的格式、颜色和加粗等设置； ③背景颜色的设置； ④预览网页，查看实际效果。 不仅要掌握还要举一反三反复练习。
html网页设计：一个简单的登录界面代码！
是这样的效果吗？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{
var username=document.getElementById("username");
var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 录" onclick="r();"/> <input type="reset" value="重 置"/></td></tr>
</table>
</form>
</body>
</html>
如何用文本做一个简单的HTML网页
方法/步骤
1
首先我们在桌面点击右键找到新建。
2
然后点击新建中的文本文档
3
这时候桌面会多出一个文件，我们可以对它进行命名、修改等操作。
4
现在我们双击进入修改。
5
在文本框内输入图中代码。
6
现在我们点击保存并退出修改。
7
右键它进行重命名，将后缀改为html。
会弹出一个窗口我们点击是，然后我们就会发现文本变成了网页。
8
最后我们就可以双击它，进行查看了。
真棒，这就是你完成的第一个网页了。
虽然很简单，但我们可以通过加入更多的代码去丰富它。
编写简单的网页HTML用什么软件好？
如果你们老师没有教你Dreamweaver如何使用的话，可以使用editplus或notepad++这两款编写代码的工具，当然，记事本也是可以的，但需要注意的是，保存文件的后缀名为html。
把以下代码复制到编辑器或记事本里，然后在<body></body>标签内写上你要显示的HTML代码就可以了。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>网页标题</title>
</head>
<body>
</body>
</html>
希望帮助到你，有问题可向我追问，尽我所能为你解答。
声明：本文由用户 半夏半暖M 上传分享，本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
