零基础学习网页制作（一）

郑重声明：
1.所谓的零基础并不是真的零基础，首先你会用电脑的一些简单操作，如：新建一个文本文档(txt)；
2.文章仅供本人娱乐，如有雷同，纯属巧合；
3.文章的目的还有一个，告诉一些不懂写代码的人，写代码没那么神奇，告诉那些了解一点点代码的人，写代码没那么容易；

一、新建一个html
1）新建一个txt文档
windows操作系统可以在桌面右键新建一个文本文档，暂且命名为lesson_1.txt，
Mac用户未安装XtraFinder的可以在应用程序中打开文本编辑，在左上菜单文件选择新建，在左上菜单格式中选择制作纯文本，然后commad+s保存为lesson_1.txt。安装过XtraFinder的用户可以右键直接新建一个html文件。

2)把txt变成html
重命名txt文件的后缀，修改文件的类型，将txt变成html,选定使用.html。

3）第一个简单的html程序
右键刚才那个刚才修改过后缀的文件lesson_1.html，打开方式选择文本文档，将如下代码写入到这个文件，然后保存。

4）预览
右键lesson_1.html打开方式任意选择一个浏览器，打开后在浏览器查看刚才那段代码显示的结果，如果你好奇问什么写了一大段代码为什么页面就只显示了一句话，请看下一条。

5）代码解释
总体代码可以认为是一个家庭，爷爷名叫html,爷爷用（认为是爷爷的左手）和（爷爷的右手）包裹着他的子孙们，那么我们认为这两个标签示意为爷爷声明了这是他的家庭，就文件而言，这两个标签代表定义了一个html网页，接下来看爷爷的两个孩子（大儿子）和（二儿子），而则是大儿子的一个孩子。这两个标签中间囊括的是这个家庭的背景，家规等，就html而言，这段之间表示对这个html的描述，规则，而之间则是这个html正常情况要显示的内容。
中间的内容就是这个html的标题。
以上都是废话，带的都属于标签，不会再页面显示，真实能显示的是他们之间的东西。

好了，第一个html创建成功。

零基础学习网页制作（一）相关推荐

零基础学习网页制作需要注意的问题集锦
一.外观 1 不要先决定网页的外观,然后强迫自已去适应它,应该从你的访客对像,你要传达的讯息以及你的制网目标推导出一个最适合的网页架构. 2 每页排版不要太疏或用太大的字,尽量避免看你的网页时需要作 ...
零基础学习网页制作（五）
郑重声明: 1.所谓的零基础并不是真的零基础,首先你会用电脑的一些简单操作,如:新建一个文本文档(txt): 2.文章仅供本人娱乐,如有雷同,纯属巧合: 3.文章的目的还有一个,告诉一些不懂写代码的人 ...
第一个HTML页面如何写？—零基础自学网页制作
把txt文件变成html网页文件请按照其中说明创建一个txt文件.具体过程如下: step1:在您方便的磁盘中建立一个文件夹,命名为"零基础自学网页制作".例如我在D盘中建立了& ...
html带颜色表格怎么做,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法使用HTML添加表格4(行颜色与表格嵌套)--零基础自学网页制作昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单 ...
iframe嵌入页面白屏_封闭在家学网页制作！为页面嵌入PDF文件——零基础自学网页制作
在页面中嵌入PDF文件在上一篇<在html页面中嵌入其他页面的方法--零基础自学网页制作>(结尾见目录)中我们学习了如何在页面中嵌入其他页面的操作.今天我们来嵌入一个pdf文件. 其实使 ...
el-table 行背景颜色_使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>(目录在结尾)中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色 ...
HTML元素中的属性2（路径详解）—零基础自学网页制作
相对路径与绝对路径的使用方法在<HTML元素中的属性1-零基础自学网页制作>这一篇教程最后内容中,我们详细展示了"绝对路径"与"相对路径"在写法上 ...
html表格内图片填充颜色设置,使用HTML添加表格4（行颜色与表格嵌套）——零基础自学网页制作...
行颜色设置的简便方法昨天我们在<使用HTML添加表格3(间距与颜色)--零基础自学网页制作>中学习了设置单元格以及其中内容的空间间距和背景颜色. 其中添加列向单元格背景颜色只需要修改对应 ...
音视频格式转换神器与html视频元素加字幕—零基础自学网页制作
音视频格式转换神器--格式工厂如果您下载了上一篇<为HTML页面添加音频.视频的方法--零基础自学网页制作>(目录在结尾)中的素材,您会看到有这样一个文件,如图因为格式工厂是免费软件, ...

零基础学习网页制作（一）

零基础学习网页制作（一）相关推荐

最新文章

热门文章