网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
广播剧吧 关注：378,775贴子：4,933,573

【科普】html教程，不定时更新

只看楼主收藏回复

尼玛啊啊啊啊，老子从上午开始就想发，，结果这学校的网络。。。嗯。。。现在是英语课。。。老师让我们听animal farm的原文。。。我就在想。。那个演播员是谁。。。嗯。。。最近迷上了播音什么的。。。。嗯。。。好多的点点点。。。。。嗯。。。最近喜欢上用“老子”了。。。中麽回事。。。。
1楼2013-03-27 05:55回复
    二楼留给自己，二楼的回复是更新教程的楼层。。。
    2楼2013-03-27 05:56
    收起回复
      PS：会从很基础很基础的东西开始。。如果有经验的孩子。。。就。。。忽视这里吧
      一：HTML的含义
      Q：什么是 HTML？
      A：HTML 是用来描述网页的一种语言。
      HTML 指的是超文本标记语言 (Hyper Text Markup Language)
      HTML 不是一种编程语言，而是一种标记语言 (markup language)
      标记语言是一套标记标签 (markup tag)
      HTML 使用标记标签来描述网页
      二：HTML 标签
      HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
      HTML 标签是由尖括号包围的关键词，比如 <html>
      HTML 标签通常是成对出现的，比如 <b> 和 </b>
      标签对中的第一个标签是开始标签，第二个标签是结束标签
      开始和结束标签也被称为开放标签和闭合标签
      本楼含有高级字体3楼2013-03-27 06:00
      回复
        （‘☆ω☆´）前排
        4楼2013-03-27 06:01
        收起回复
          三：HTML 文档 = 网页
          HTML 文档描述网页
          HTML 文档包含 HTML 标签和纯文本
          HTML 文档也被称为网页
          Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：
          ------------------------------------------------（这条线不会显示，只是方便看）
          <html>
          <body>
          <h1>My First Heading</h1>
          <p>My first paragraph.</p>
          </body>
          </html>
          -------------------------------------------------（这条线不会显示，只是方便看）
          <html> 与 </html> 之间的文本描述网页
          <body> 与 </body> 之间的文本是可见的页面内容
          <h1> 与 </h1> 之间的文本被显示为标题
          <p> 与 </p> 之间的文本被显示为段落
          5楼2013-03-27 06:03
          收起回复
            基本的四大 HTML 标签 -- 标题，段落，链接，图像
            一、基本的 HTML 标题
            HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
            比如：
            <h1>This is a heading</h1>
            <h2>This is a heading</h2>
            <h3>This is a heading</h3>
            实例：
            代码：
            <html>
            <body>
            <h1>This is heading 1</h1>
            <h2>This is heading 2</h2>
            <h3>This is heading 3</h3>
            <h4>This is heading 4</h4>
            <h5>This is heading 5</h5>
            <h6>This is heading 6</h6>
            <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>
            </body>
            </html>
            结果（贴吧里显示不出来。用360截的图，先保存，后上传，卡死我了。。话说贴吧神器到底是中麽安装的。。。）：

            最后一行字不是我打的！注意到“<p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p> ”了么？最后一行字就是这排代码的的显示结果
            6楼2013-03-27 06:23
            回复
              二、HTML 链接
              HTML 链接是通过 <a> 标签进行定义的。
              实例：
              <html>
              <body>
              <a href="http://tieba.baidu.com/p/2235683264">This is a link</a>
              </body></html>
              结果：

              蓝色有下划线字体，点一下就可以进入相应网页。。就是超链接。。。
              7楼2013-03-27 06:30
              回复
                我放学了。。。等我从学校回到家再继续。。。话说。。。今天学校似乎有活动啊。。。。默默围观去。。。
                8楼2013-03-27 06:31
                回复
                  马住。@我等着你错过我 莫莫应该会吧。
                  来自手机贴吧9楼2013-03-27 06:34
                  回复
                    0 0围观脸
                    IP属地:江西来自手机贴吧10楼2013-03-27 07:11
                    回复
                      三、HTML 段落
                      HTML 段落是通过 <p> 标签进行定义的。
                      比如：
                      <p>This is a paragraph.</p>
                      <p>This is another paragraph.</p>
                      实例：
                      代码：
                      <html>
                      <body>
                      <p>这是段落。</p>
                      <p>这是段落。</p>
                      <p>这是段落。</p>
                      <p>段落元素由 p 标签定义。</p>
                      </body>
                      </html>
                      结果：
                      11楼2013-03-27 07:15
                      回复
                        （☆_☆）好物。马克
                        IP属地:浙江来自Android客户端12楼2013-03-27 07:18
                        回复
                          好贴马
                          来自手机贴吧13楼2013-03-27 07:26
                          回复
                            HTML 元素
                            HTML 文档是由 HTML 元素定义的。
                            HTML 元素
                            HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。开始标签元素内容结束标签

                            [贴吧木有表格功能，只能截图了。。好忧伤。。。截图好麻烦！！！]
                            注释：开始标签常被称为开放标签（opening tag），结束标签常称为闭合标签（closing tag）。
                            HTML 元素语法：
                            HTML 元素以开始标签起始
                            HTML 元素以结束标签终止
                            元素的内容是开始标签与结束标签之间的内容
                            某些 HTML 元素具有空内容（empty content）
                            空元素在开始标签中进行关闭（以开始标签的结束而结束）
                            大多数 HTML 元素可拥有属性
                            本楼含有高级字体15楼2013-03-27 07:31
                            回复
                              <p> 元素：
                              <p>This is my first paragraph.</p>
                              这个 <p> 元素定义了 HTML 文档中的一个段落。
                              这个元素拥有一个开始标签 <p>，以及一个结束标签 </p>。
                              元素内容是：This is my first paragraph。
                              <body> 元素：
                              <body>
                              <p>This is my first paragraph.</p>
                              </body>
                              <body> 元素定义了 HTML 文档的主体。
                              这个元素拥有一个开始标签 <body>，以及一个结束标签 </body>。
                              元素内容是另一个 HTML 元素（p 元素）。
                              <html> 元素：
                              <html>
                              <body>
                              <p>This is my first paragraph.</p>
                              </body>
                              </html>
                              <html> 元素定义了整个 HTML 文档。
                              这个元素拥有一个开始标签 <html>，以及一个结束标签 </html>。
                              元素内容是另一个 HTML 元素（body 元素）。
                              17楼2013-03-27 07:36
                              回复

                                扫二维码下载贴吧客户端

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

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