怎么用记事本创建简单的网页_懂视

怎么用记事本创建简单的网页

2020-03-03 11:47:31 责编:小OO

需要准备的材料分别有：电脑、浏览器、记事本。 1、首先，新建一个记事本文件，例如：index.html，编写html基础代码。 2、在index.html中的标签中加入html代码：。 3、浏览器运行index.html页面，此时相对路径的图片被成功添加显示了。

本文我们将从以下几个部分来详细介绍如何用记事本创建简单的网页：创建属于自己的网页

我们每天都要使用和浏览网页，它已经成为生活中必不可少的一部分。但是，制作一个网页究竟有多难呢？在这篇文章里，我们会向你介绍如何用记事本程序来编写简单的HTML网页。 创建属于自己的网页

本人公司的旧网站的其中一页!可以用的吧! HongYuan timber Furniture Manufacturing supplier China - Home-furniture-manufacturer -china HONGYUAN FURNITURE MANUFACTUR ING GUANGZHOU Why HONGYUAN? We speak fluent in English so your bus

第1步：打开记事本程序。

直接复制啊，鼠标右键查看源代码，复制出来放记事本上保存后修改记事本名字1.Txt为1.html就可以了。

所有Windows电脑都会自动安装记事本程序。你可以在“开始”菜单中找到它。打开记事本后，点击“文件”，然后从下拉菜单中选择“另存为”选项。在文件类型菜单中选择“所有文件”。将文件另存为HTML文件。一般来说，一个网站的首页叫做“index.html”，它也是网站的导航页，可以从这个导航页上访问网站的所有内容（它基本包含了网站上所有的链接）。

无标题文档我要做一个简单的网页，最基本的那种，里面只有一句话都就可以的，用记事本写，求大神

第2步：HTML（超文本标记语言）使用标签来编写网页。

①出现这种问题的原因，可能是你使用了img标签来作为背景图，这种方法不是不可以，需要设置position和z-index。 ②常用的方式使用背景设置background来解决示例如下： body { background: #00FF00 url(bgimage.gif) no-repeat fixed top; } backg

基本上，标签的格式是<尖括号>中带有一些文字。

编辑好后点"文件"--"另存为" 然后在名称栏里输入"index.htm"就可以了双击就可以打开

你需要使用各种各样的标签来创建网页。代码的末尾还有“结束标签”，如：</text>。这些结束标签就像加粗字体或段落一样。

import java.awt.*;import java.awt.event.*;import java.io.*;import javax.swing.*;public class MyNotepad implements ActionListener{private JFrame frame=new JFrame("新记事本");private JTextArea jta=new JTextArea();private String r

第3步：一般来说，网页的第一个标签是：<html>。

Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形

你可以把它放在记事本文件的顶部。

如果你们老师没有教你Dreamweaver如何使用的话，可以使用editplus或notepad++这两款编写代码的工具，当然，记事本也是可以的，但需要注意的是，保存文件的后缀名为html。把以下代码复制到编辑器或记事本里，然后在标签内写上你要显示的HTML代码

第4步：下一个标签是<head>。

记事本是可以写HTML的个人网页简历的，不过很麻烦，要不断调试和测试兼容性，很费时间。网上有很多类似的资料，请自行百度搜索“图文并茂+邮件”，这样就能写出好简历，并且兼容性强。

这个标签<title>定义了文档的头部，告诉浏览器把什么内容放在窗口的顶部。“元标签”（可选）会告诉搜索引擎（如谷歌）网站的属性和信息。

新建txt文本，输入你写的html代码保存后退出，将文件后缀名（.txt）改为.html 打开已经修改后缀名的html文件，会是一个浏览器图标的文件进入页面后会出现乱码，右键-编码-选择简体中文即可

第5步：在“head”标签的下一行，放上网站标题，如：<title>wikiHow HTML</title>。

这个要你对HTML 代码跟CSS代码相当的熟悉才能完成，不过这只能写出静态的网页来你想要做动态的话建议你学 CMS 这些都有模板，你只要会CSS 就完全可以改模板

第6步：输入</head>标签，结束网页“头部”的内容。

现在的ASP程序员写的代码，都是以VBS脚本代码为基础的，ASP文件和其它动态网站页面一样，其实都是纯文件文件（针对源代码来说是纯文本），所以ASP页面能用记事本打开编辑，国内ASP程序员都有DW作为代码管理工具。如果想学ASP，那么必须先要掌握

第7步：接下来就到了<body>标签部分。

随便打开一个视频网站比如土豆, 点视频下面的"更多" 点复制html代码, 然后到粘贴到你的网页里面的之间粘贴你的代码

请注意，浏览器并不能支持所有颜色，如大部分浏览器不支持显示深灰色。

静态的网页，貌似没有编辑功能，就是保存数据的功能，这样还不如记事本呢。还可以试试libnote.com简单的网络记事本。

第8步：在两个“body”标签的中央，添加网页的内容，这里的内容会呈现给浏览的用户。

这个可以是测试一下便知，1，你可以把自己电脑当做主机，开启iis服务或者下载一个Apache或者其他的，这样，把你的网页放到相应的目录下面，然后localhost/youpage.htm 就可以看到效果，基本和实际上传到服务器的效果一样的。（推荐） 2，你租用

让我们从标题入手。我们选择用大一点的文字来显示标题，在HTML中用<h1>到<h6>标签来编辑内容，其中<h1>标签里的文字字体最大。在网页的顶部、“body”标签的后面，输入欢迎语，如：<h1>欢迎来到xx网站！</h1>。确保在最后加上结束标签，否则你的整个页面会变得巨大！

直接在记事本上写html代码就可以了。很简单。建议你看看html的基础知识。方法/步骤 1 1、打开“记事本”软件，在记事本

第9步：在网页的正文部分还可以添加<p>标签或段落标签。

1, word是文字处理软件,能做网页是为了方便,但决不是做专门做网页的人用的. 你写出什么,出来的就是什么. dw是做网页的专业软件,目前设计师必须会用的,应该算首选. 写代码可以做出响应的效果,当然也可以像word一样,看着编辑,他自动生成编码. 2,无

在标题后方，可以加上<p>网站正文内容

观看岛国爱情动作片时想必楼主你是自己动手吧？给你个教程地址，不解释，http://www.w3school.com.cn/html/index.asp

。如果你想要另起一行，可以使用<br>标签或停顿标签。

网页文件的本质就是字符串……动态网页需要JavaScript，可以在html文件里直接写，详情百度传课里自己看

第10步：你可能不希望创建一个纯文本网页，所以请考虑加入不同的格式。

无限弹窗注释：很简单的原理设置页面打开时自动弹出自身就行了，自身弹出自身。。。循环了…… 将上面的代码复制带记事本，保存。再将记事本重命名为“1.html” 注意一定要是1.html，就是将记事本名字改为1，记事本扩展.txt改为.html

用<b>代码来加粗文本，用<i>来倾斜文字，用<u>加入下划线。记住，不要忘记结束标签。

就是啊.也经说得很清楚了.在你打开网页的IE工具栏里单击"查看-->源文件"就会自动用记事本弹出源代码啦.因为一般网页里的代码都密密麻麻的,很难找到你想要的PASSWORD这和行.所以可以点记事本里的"编辑-->查找/查找下一个"在里面输入PASSWORD就可

第11步：事实上，让网站内容变得丰富多彩的是各种各样的图片。

用鼠标右键点击的时候看看有没有一个“打开方式”，应该可以看到几个程序的图标，不要在这里选择IE，注意下面有一个“选择程序”点这个，在弹出的列表里选择IE，注意注意，下面有一个复选框，叫“始终用选择的程序打开这种文件”，选上这个，确定

就算给文字加上很多不同的格式，图片还是比文字更能吸引人们的眼球，带来更多的阅读兴趣。使用<img>标签来加入图片。跟正文标签一样，它还需要更多的信息。图片标签可以像这样编辑：<img alt=dog src="dog.jpg" width=200 height=200>。其中，src（来源）是图片的名字，宽度和高度是图片的宽和高（单位是像素）。

第12步：快完成啦！你可能希望网站的访客能看到不止一个网页。

你可以通过创建链接来丰富网站内容。例如，使用：<a href="otherpage.html">Another page</a>代码创建链接。标签之间的文字是到达另一个网页的链接名称，“href”部分则是链接到的目的网页。创建网页链接可以提高用户浏览效率。

第13步：最后，在正文部分的末尾加上</body>，整个网页的末尾加上</html>。

第14步：保存文件，将文件保存成“.html”格式。

然后在常用的浏览器中打开.html文件，看看网站是什么样子的。祝贺你！你已经创建好一个网页了。

第15步：如果你想要把网页放到网站上，可以查看如何在自己的域名上发布网站。

小提示

要记得添加结束标签。

你可以在网络上搜索更多标签。网络上有很多不错的网站可以指导你创建网页。其中，W3Schools网站就很不错。

在第一行、第一个<HTML>标签前，输入<!DOCTYPE html>。它会告诉浏览器，你的网页属性是HTML5。

你可以在<html>的前面、</html>的后面输入<font face="N"></font>，来更改字体。用一种字体来代替其中的“N”，如：“Verdana”。

如果想在网页上使用尖括号，请使用< 和 > 。符号是&amp。

根据HTML教程，用小写字母（不带空格和标点符号）来命名网页文件夹和文件。尽管Windows系统允许你使用空格，但是许多网站服务器都不允许出现空格。规范命名文件将给你省去很多麻烦、节约大量时间。

扩展阅读，以下内容您可能还感兴趣。

用记事本编辑html语言创建一个网页（至少要有4页）

意思是，分别创建，然后，把这四页链接到一起。

求网页代码，一个简单的记事本代码。

import java.awt.*;

import java.awt.event.*;

import java.io.*;

import javax.swing.*;

public class MyNotepad implements ActionListener{

private JFrame frame=new JFrame("新记事本");

private JTextArea jta=new JTextArea();

private String result="";

private boolean flag=true;

private File f;

private JButton jb=new JButton("开始");

private JTextField jtf=new JTextField(15);

private JTextField jt=new JTextField(15);

private JButton jbt=new JButton("替换为");

private JButton jba=new JButton("全部替换");

private Icon ic=new ImageIcon("D:java课堂笔记GUI11.gif");

private String value;

private int start=0;

private JFrame jf=new JFrame("查找");

private JFrame jfc=new JFrame("替换");

@Override

public void actionPerformed(ActionEvent e) {

String comm=e.getActionCommand();

if("新建".equals(comm)){

if(!(frame.getTitle().equals("新记事本"))){

if(!flag){

write();

newNew();

}else{

JFileChooser jfc=new JFileChooser("D:java课堂笔记");

int returnVal = jfc.showDialog(null,"保存为");

if(returnVal == JFileChooser.APPROVE_OPTION) {//选择文件后再执行下面的语句，保证了程序的健壮性

f=jfc.getSelectedFile();

flag=false;

write();

}

}else if(!(jta.getText().isEmpty())){

JFileChooser jfc=new JFileChooser("D:java课堂笔记");

int returnVal = jfc.showDialog(null,"保存为");

if(returnVal == JFileChooser.APPROVE_OPTION) {//选择文件后再执行下面的语句，保证了程序的健壮性

f=jfc.getSelectedFile();

flag=false;

write();

newNew();

}

}else{

newNew();

}

}else if("打开".equals(comm)){

JFileChooser jfc=new JFileChooser("D:java课堂笔记");

jfc.setDialogType(JFileChooser.OPEN_DIALOG);

int returnVal = jfc.showOpenDialog(null);

if(returnVal == JFileChooser.APPROVE_OPTION) {//选择文件后再执行下面的语句，保证了程序的健壮性

f=jfc.getSelectedFile();

frame.setTitle(f.getName());

result=read()();

flag=false;

value=result;

jta.setText(result);

}

}else if("保存".equals(comm)){

JFileChooser jfc=new JFileChooser("D:java课堂笔记");

if(flag){

int returnVal = jfc.showDialog(null,"保存为");

if(returnVal == JFileChooser.APPROVE_OPTION) {//选择文件后再执行下面的语句，保证了程序的健壮性

f=jfc.getSelectedFile();

flag=false;

write();

}

}else{

write();

}

}else if("另存".equals(comm)){

JFileChooser jfc=new JFileChooser("D:java课堂笔记");

int returnVal = jfc.showDialog(null,"另存");

if(returnVal == JFileChooser.APPROVE_OPTION) {//选择文件后再执行下面的语句，保证了程序的健壮性

f=jfc.getSelectedFile();

write();

}

}else if("退出".equals(comm)){

System.exit(0);

}else if("撤销".equals(comm)){

jta.setText(value);

}else if("剪切".equals(comm)){

value=jta.getText();

jta.cut();

}else if("复制".equals(comm)){

jta.copy();

}else if("粘贴".equals(comm)){

value=jta.getText();

jta.paste();

}else if("删除".equals(comm)){

value=jta.getText();

jta.replaceSelection(null);

}else if("全选".equals(comm)){

jta.selectAll();

}else if("查找".equals(comm)){

value=jta.getText();

jf.add(jtf,BorderLayout.CENTER);

jf.add(jb,BorderLayout.SOUTH);

jf.setLocation(300,300);

jf.pack();

jf.setVisible(true);

jf.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);

}else if("替换".equals(comm)){

value=jta.getText();

GridLayout gl=new GridLayout(3,3);

JLabel jl1=new JLabel("查找内容:");

JLabel jl2=new JLabel("替换为:");

jfc.setLayout(gl);

jfc.add(jl1);

jfc.add(jtf);

jfc.add(jb);

jfc.add(jl2);

jfc.add(jt);

jfc.add(jbt);

JLabel jl3=new JLabel();

JLabel jl4=new JLabel();

jfc.add(jl3);

jfc.add(jl4);

jfc.add(jba);

jfc.setLocation(300,300);

jfc.pack();

jfc.setVisible(true);

jfc.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);

}else if("版本".equals(comm)){

JDialog jd=new JDialog(frame,"关于对话框");

jd.setSize(200,200);

JLabel l=new JLabel("哈哈哈哈哈哈哈哈哈哈呵呵呵呵呵呵呵呵呵呵呵呵呵");

jd.add(l,BorderLayout.CENTER);

jd.setLocation(100,200);

jd.setSize(300,300);

jd.setVisible(true);

//jd.pack();

jd.setDefaultCloseOperation(JDialog.DISPOSE_ON_CLOSE);

}else if("开始".equals(comm)||"下一个".equals(comm)){

String temp=jtf.getText();

int s=value.indexOf(temp,start);

if(value.indexOf(temp,start)!=-1){

jta.setSelectionStart(s);

jta.setSelectionEnd(s+temp.length());

jta.setSelectedTextColor(Color.GREEN);

start=s+1;

jb.setText("下一个");

//value=value.substring(s+temp.length());//不能截取字串

}else {

JOptionPane.showMessageDialog(jf, "查找完毕!", "提示", 0, ic);

jf.dispose();

}

}else if("替换为".equals(comm)){

String temp=jtf.getText();

int s=value.indexOf(temp,start);

if(value.indexOf(temp,start)!=-1){

jta.setSelectionStart(s);

jta.setSelectionEnd(s+temp.length());

jta.setSelectedTextColor(Color.GREEN);

start=s+1;

jta.replaceSelection(jt.getText());

}else {

JOptionPane.showMessageDialog(jf, "查找完毕!", "提示", 0, ic);

jf.dispose();

}

}else if("全部替换".equals(comm)){

String temp=jta.getText();

temp=temp.replaceAll(jtf.getText(), jt.getText());

jta.setText(temp);

}

public String read()(){

String temp="";

try {

FileInputStream fis = new FileInputStream(f.getAbsolutePath());

byte[] b=new byte[1024];

while(true){

int num=fis.read()(b);

if(num==-1)break;

temp=temp+new String(b,0,num);

}

fis.close();

} catch (Exception e1) {

e1.printStackTrace();

}

return temp;

}

public void write(){

try {

FileOutputStream fos=new FileOutputStream(f);

fos.write(jta.getText().getBytes()());

fos.close();

} catch (Exception e) {

e.printStackTrace();

}

public void newNew(){

frame.dispose();

new MyNotepad();

flag=true;

}

public MyNotepad(){

JMenuBar jmb=new JMenuBar();

String[] menuLab={"文件","编辑","帮助"};

String[][] menuItemLab={{"新建","打开","保存","另存","退出"},

{"撤销","剪切","复制","粘贴","删除","全选","查找","替换"},

{"版本"}};

for(int i=0;i<menuLab.length;i++){

JMenu menu=new JMenu(menuLab[i]);

jmb.add(menu);

for(int j=0;j<menuItemLab[i].length;j++){

JMenuItem jmi=new JMenuItem(menuItemLab[i][j]);

menu.add(jmi);

jmi.addActionListener(this);

}

frame.setJMenuBar(jmb);

jta.setLineWrap(true);//自动换行

JScrollPane jsp=new JScrollPane(jta);//滚动窗口面板

frame.add(jsp);

jb.addActionListener(this);

jbt.addActionListener(this);

jba.addActionListener(this);

frame.setLocation(200,50);

frame.setSize(620,660);

frame.setVisible(true);

frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

}

public static void main(String[] args) {

new MyNotepad();

}

}更多追问追答追问能吧它保存到记事本上传到百度网盘在共享给我吗?追答好的稍等追问好的谢谢追答

什么是HTML语言？利用记事本编写一个空白的网页文件。

Hypertext Markup Language, 中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的就是这种语言写的页面. 也许你听说过许多可以编辑网页的软件,事实上,你不需要用任何专门的软件来建立HTML页面；你所需要的只是一个文字处理器（如McrosoftWord\记事本\写字板等等）以及HTML的工作常识。其实你很快就会发现,基础的HTML语言简直容易死了。 HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂. HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是<p>,块引用标签是<blockquote>。有些标签说明页面如何被格式化（例如，<p>开始一个新段落），其他则说明这些词如何显示(<b>使文字变粗)还有一些其他标签提供在页面上不显示的信息－－例如标题。关于标签，需要记住的是，它们是成双出现的。每当使用一个标签－－如<blockquote>,则必须以另一个标签</blockquote>将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。基本HTML页面以<html>标签开始，以</html>结束。在它们之间，整个页面有两部分－－标题和正文。标题词－－夹在<head>和</head>标签之间－－这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在<body>和</body>之间－－即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。那么让我们建立一个简单的范例吧，非常容易的。第一步，当然是要建立一个新的文本文件（记住，如果你在使用比较复杂的文字处理器，就应该用“纯文本”或“普通文本”来保存），将它命名为“xxxx.html”。然后你可以用浏览器将它打开，你会看见最简单的自己做的页面。 HTML的历史 * 超文本置标语言(第一版) -- 在1993年6月发为互联网工程工作小组 (IETF)工作草案发布(并非标准) * HTML 2.0 -- 1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时 * HTML 3.2 -- 1996年1月14日,W3C推荐标准 * HTML 4.0 -- 1997年12月18日,W3C推荐标准 * HTML 4.01(微小改进) -- 1999年12月24日,W3C推荐标准 * ISO/IEC 15445:2000("ISO HTML")--2000年5月15日发布,基于严格的HTML 4.01语法,是国际标准化组织和国际电工委员会的标准 * XHTML 1.0 -- 发布于2000年1月26日,是W3C推荐标准,后来经过修订于2002年8月1日重新发布 * XHTML 1.1 -- 于2001年5月31日发布 * XHTML 2.0 -- W3C工作草案 HTML 没有1.0版本是因为当时有很多不同的版本.有些人认为蒂姆·伯纳斯-李的版本应该算初版,这个版本没有IMG元素.当时被称为HTML+的后续版的开发工作于1993年开始,最初是被设计成为"HTML的一个超集".第一个正式规范在为了和当时的各种HTML标准区分开来,使用了2.0作为其版本号. HTML+的发展继续下去,但是它从未成为标准. HTML3.0规范是由当时刚成立的W3C于1995年3月提出,提供了很多新的特性, 例如表格,文字绕排和复杂数学元素的显示.虽然它是被设计用来兼容2.0版本的,但是实现这个标准的工作在当时过于复杂,在草案于1995年9月过期时, 标准开发也因为缺乏浏览器支持而中止了.3.1版从未被正式提出,而下一个被提出的版本是开发代号为Wilbur的HTML 3.2,去掉了大部分3.0中的新特性,但是加入了很多特定浏览器,例如Netscape和Mosaic的元素和属性.HTML对数学公式的支持最后成为另外一个标准MathML. HTML 4.0同样也加入了很多特定浏览器的元素和属性,但是同时也开始"清理"这个标准,把一些元素和属性标记为过时的,建议不再使用它们.HTML的未来和CSS结合会更好.

编写简单的网页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">

<head>

</head>

<body>

</body>

</html>

希望帮助到你，有问题可向我追问，尽我所能为你解答。

用记事本制作网页个人简历？？

记事本是可以写HTML的个人网页简历的，不过很麻烦，要不断调试和测试兼容性，很费时间。

网上有很多类似的资料，请自行百度搜索“图文并茂+邮件”，这样就能写出好简历，并且兼容性强。

声明：本文由用户 gabrieljc 上传分享，本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

显示全文

全部频道