用HTML写网页
一、
(用“记事本”)编辑的文本文件扩展名是.txt ;
Word文档扩展名是.doc ;
C程序源文件扩展名是.c或.cpp……
网页==(Web页)文件的扩展名是.html== ！！！
注意：一个网页本质上是一个文本文件，所以可以用“记事本”建立和编辑网页文件。
二、
不过，用“记事本”建立的文件其扩展名是.txt，要把它变成网页(类型)有两种解决办法：
(1)用记事本编辑完成后把文件扩展名改成.html ;
(2)使用记事本菜单“文件”>>“另存为”>>在“文件名”处把扩展名改成html。
这样，再“双击”它时就会作为网页被浏览器打开。
三、
每一种“语言”书写程序或文档都有各自的规范和格式。
比如：C语言程序通常形如：
#include ……
int main()
{ …
return 0;
}
同理，用HTML语言书写的网页也有总体一致的规范。
下面是一个手工创建的简单网页a.html，细心体会一下HTML网页书写规范(建议小写)。
其中的“空行”和“缩进”不是强制的，主要是为了便于阅读：
<!DOCTYPE html>
<html>
<head>
<title> (这里是窗口标题) </title>
< /head>
<body>
<h2> (这里是网页内容的一个标题) </h2>
<p> (这里是一个段落..... </p>
</body>
< /html>
其中成对出现的标签(tag),诸如：
…以及 ...， ==功能类似C语言中的一对花括号{...}==。一对标签括起来的内容叫做一个HTML元素(element)。
四、
复习几个英文单词：
element 元素。
paragraph 段落。
五、
一个写好的网页文档，用浏览器打开时会呈现什么样？
解读如下：
注： heading: (文章)标题
六、
大家在网站www.w3school.com.cn上==自行阅读、理解、“亲自试一试”==以上讲过的内容。
在W3School网站学习过程中，点击某个网页上的“亲自试一试”按钮后会打开一个新页面，该页面分两栏：
左栏显示可编辑的HTML网页内容，右栏是左栏网页在浏览器中的真实显示效果；
可以尝试修改左栏内HTML网页内容，然后点击该栏上方的“运行代码”按钮，右栏就会呈现修改后HTML网页在浏览器中的实效。(手机同样可操作)
本次课学习范围如下图所示：
啦啦啦，已学完~~
其中：
关于“不建议使用”，
具体地说，不建议使用：
align="…"
bgcolor="…"
七、
HTML也是一种“语言”，
从这一点来说，类似C语言。
所以，要学好必须多动手。
需要“记忆”的东西(标签)比较多，
但确实是这样的。
所以要多在电脑上动手练习，这样比“硬记”效果好。
八、
HTML图像通过img定义 ，那src呢，是固定的吗？
src：source，
是固定的，
是文件（路径）。
hr是不是horizontal riule的缩写？
解答如图：
九、
1.什么是HTML标签(tag)、元素(element)、属性？并简要说明它们之间的关系。
答：
①HTML是用来描术网页的，由尖括号包围着关键词组成，通常成对出现，标签对中分为开始标签（开放标签）和结束标签（闭合标签）。
②HTML文档是由HTML元素定义的；
以开始标签起始，以结束标签终止；
某些HTML元素句有空内容，空元素以开始标签的结束而结束；
大多数HTML元素可具有属性。
③属性为HTML元素提供附加信息；
HTML标签中可以拥有属性；
属性总以 名称/值对 的形式出现，例 name=“value”。
属性总在HTML的开始标签中规定。
④三者之间的关系：
（1）属性总在开始标签中规定。在这里插入代码片
（2）HTML元素内容以开始标签起始，以结束标签终止。
（3）大多数HTML元素可拥有属性。
2.用文本编辑器(记事本)创建一个简单的HTML文档(试试“背”写)，并简要说明其中各部分在浏览器中如何呈现。
<html>
<body bgcolor="red">
<h1 align="center">HAPPY NEW YEAR</h1>
<p>春节来到到处热闹<br />灯笼高挂对联纳福<br />鞭炮响起烟花绽放<br />街街巷巷喜气洋洋<br />男女老少喜笑开颜<br />短信传递心房更暖<br />祝新春福禄寿喜全报到，吉祥如意常围绕！ </p>
</body>
</html>
/*
说明：
body标签里定义的属性可以使整个页面背景变为红色；
<h1> 定义标题的开始
h1其中的属性可以定义标题的对齐格式为居中，这样页面显示出标题为HAPPY NEW YEAR，为加粗字体，并且居中；
<p>,</p>标签对里面是 段落 ，然后 <br />表示 空元素 ， 定义换行 。
这样就显示出了
春节来到到处热闹
灯笼高挂对联纳福
鞭炮响起烟花绽放
街街巷巷喜气洋洋
男女老少喜笑开颜
短信传递心房更暖
祝新春福禄寿喜全报到，吉祥如意常围绕！
以上段落，hhh让人比较直观的看到了押韵，比较养眼；
最后, </p>,<h1></body>,<html> 是 对各个元素的关闭
毕竟在XHTML，XML，以及未来版本的HTML中，所有元素都必须关闭。
*/
上面这个我写的代码可以在自己的电脑上试试呀，看看是啥样hhh
不过，这是刚开始的课程嘛，巨丑巨简单就对了，捂脸）
扫一扫
2880
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
