网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
pocketmine吧 关注：29,709贴子：235,550

教服主们用HTML写自己的网页

只看楼主收藏回复

1.1.下载NotePad ++
首先，您需要下载NotePad ++，该网站是https://notepadplusplus.org/，最新支持系统：Win10
1.2.打开NotePad ++
当NotePad ++第一次打开时，会询问您需要的语言。如果您选择了中文版，您将看到中文版的NotePad ++。当您打开它时，它将为您打开一个名为new1的空白文件， 你可以在白色的地方输入你需要的东西。
如果您想查看所有课程，请打开只看楼主模式井加Q群: 48 33 54 695
1楼2017-08-28 21:55回复
    1.3网页的基本结构
    网页的基本结构主要由三组HTML标签所建立。
    <html></html> - 定义为html档案，包裹着档案里所有标签的内容。
    <head></head> - 档头，可包含网页标题，文字偏码，css，javacript，外部连接，关键字，网页描述等，所有有关网页的资料，不会在网页中显示出来。
    <body></body> - 网页内容，网页的所有内容都会放在这个标签之间。
    1.4 不可缺少的元素
    除了基本结构外，还有几个标签是网页不可缺少的基本元素:
    1.<!DOCTYPE html> - 文件种类，声明文件使用的是哪一个HTML版本，让浏览器根据HTML的版本的正确的显示网页内容。
    2.<meta charset="utf-8"> - 网页文字编码，以往，不同的语言，使用不同的文字编码，如繁体中文使用big5 码，简体中文使用gb2312 码，utf-8表示网页采用适用于不同语言的Unicode文字编码，需要放在档头内。
    3.<title></title> - 网页标题，出现在浏览器分页标签上，需要放在档头内。
    来自Android客户端2楼2017-08-28 22:08
    收起回复
      学了二楼的几个HTML标签，便成了一个基本网页结构:
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">
      <title></title>
      </head>
      <body>
      </body>
      </html>
      我们称呼这些为源代码，在往后的例子中，将会重复使用这些基本结构，为了方便，各位可以将它储存使用。
      来自Android客户端3楼2017-08-28 22:13
      收起回复
        顶
        IP属地:广东4楼2017-08-28 22:19
        回复
          真·NotePad ++网址是https://notepad-plus-plus.org/
          IP属地:广东5楼2017-08-28 22:21
          回复
            1.5认识CSS
            CSS，层叠样式表，英语设定网页上各元素的属性，如文字的大小，颜色，对齐方式，框线，背景，以及网页排版或者建立选单。
            1.5.1 CSS的优点:
            网页排版:
            无需修改网页结构，只需修改css，就可以完全更改网页的面貌，实现了内容与设计分家的做法。
            跨页共用:
            假如网站内有一千个元素都用标题标签<h1>，即使它们分布于不同的页面上，我们只需要在档案中修改<h1>的属性，例如颜色，所有连接到CSS档案的网页，都会同时更改使用<h1>元素的颜色，不必逐个修改。
            来自Android客户端6楼2017-08-28 22:30
            收起回复
              不会nt都可以写网页，你的电脑本身的记事本就是好东西
              来自Android客户端7楼2017-08-28 22:59
              回复
                1.6 CSS语法
                CSS主要分为选取项和属性设定两部分，例如:
                h1 {color:blue;}
                那么，h1就是选取项，{}的部分就是属性设定。
                选取项指我们将会修改属性的元素，它可以是任何HTML标签，例如文要修改<h1>的颜色属性，便以<h1>为选取项，你也可以自定义选取项的名称，为他设定属性，在应用到不同的HTML标签上，这个我们之后会再说。
                每种元素都有其属性设定，无文字的属性，有颜色，大小。设定属性的格式为{属性:值}，每组属性须以分号作为完结，并将所有属性置于{}之内，如上面设定了两组属性，分别是蓝色文字与文字大小。
                要把CSS应用到HTML，可以使用标签:<style></style>。
                用法是把<style></style>放到档头内，并将CSS码置于标签之内，这称为内置CSS，我们在之后会有详细说明。
                来自Android客户端8楼2017-08-29 07:43
                收起回复
                  你貌似发错吧了
                  来自Android客户端9楼2017-08-29 18:22
                  回复
                    php大法好
                    来自Android客户端10楼2017-08-29 18:22
                    回复
                      你走吧。出门右转html吧！
                      IP属地:江西来自Android客户端11楼2017-08-30 06:44
                      收起回复
                        1.7建立你第一个网页
                        在学了这些东西以后，你可以开始建立你自己的第一个网页:
                        1.请先在NotePad++，输入刚才学到的HTML和CSS码
                        2.在桌面生成一个名为www的文件夹
                        3.将档案储存到文件夹内，取名为index.html[副档名必须是.htm或.html]
                        4.双击index.html[或将档案拖曳到浏览器后]就可以看到你第一个作品了。
                        来自Android客户端12楼2017-08-30 09:22
                        回复
                          突然前端教學
                          IP属地:广东来自Android客户端13楼2017-09-02 15:16
                          回复
                            菜，JavaSrcipt:？？？ asp:???php:???
                            来自Android客户端14楼2017-09-03 04:34
                            回复
                              2.1 基础标签
                              内容标题:
                              标签: <h1></h1> - <h6></h6>
                              将文字定义为标题，标题有六级大小，最大为<h1>，最少为<h6>，使用标签后，前后会出现换行。
                              段落
                              标签<p></p>
                              将文字之间有一段落，段落前后会出现换行。
                              换行
                              标签<br>
                              标签后的文字会安排在下一行
                              分隔线
                              标签<hr>
                              以横线分隔两个不同的主题。
                              注解
                              标签: <!-- -->
                              注解中的文字不会在网页上显示。
                              来自Android客户端15楼2017-09-03 11:35
                              回复

                                扫二维码下载贴吧客户端

                                下载贴吧APP
                                看高清直播、视频！
                                发表回复
                                发贴请遵守贴吧协议及“七条底线”贴吧投诉
                                内  容:
                                  查看全部
                                发 表
                                保存至快速回贴

                                发布成功
                                去贴吧APP订阅抽奖结果通知
                                扫码进入贴吧APP
                                ···········
                                开奖后第一时间站内信通知
                                ···········
                                中奖结果全员公示