鱼C论坛

 找回密码
 立即注册
12
返回列表 发新帖
楼主: 不二如是

[庖丁解牛] 0 0 0 3 - 增加说明文字、区块

[复制链接]
发表于 2018-2-1 14:13:52 | 显示全部楼层
<!doctype html>

<html>
    <head>
        <meta charset="utf-8">
        <title>标题</title>

        <style type="text/css">
            *{
                margin:0;
                border:0;
                padding:0;
                font-family:"微软雅黑",serif;
            }
        </style>
    </head>

    <body>
        <header class="header">
            <h1>我爱你</h1>

            <p><a  target="_blank">http://www.baidu.com</a>- 让编程改变世界</p>
        </header>
    </body>
</html>

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-2-1 16:01

评分

参与人数 1鱼币 +5 收起 理由
不二如是 + 5 热爱鱼C^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-13 23:53:56 | 显示全部楼层
本帖最后由 被翻红浪 于 2018-2-13 23:57 编辑

总是无法显示链接
2018-02-13 23 56 51.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-2-26 09:46:21 | 显示全部楼层
本帖最后由 夕颜梦雨 于 2018-2-26 09:47 编辑

交作业
0003.png

点评

我很赞同!: 5.0
我很赞同!: 5
很棒的作业~  发表于 2018-2-26 09:49

评分

参与人数 1荣誉 +6 鱼币 +6 收起 理由
不二如是 + 6 + 6 加油~

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-4-28 14:56:57 | 显示全部楼层
看完一页,我膜拜一次以感谢你的给予
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-28 16:09:56 | 显示全部楼层
E:\DEMO\HTML
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-5-28 16:11:05 | 显示全部楼层

这样可以贴图片吗?
PIC_01.png
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-7-12 08:20:13 | 显示全部楼层
交作业喽:
无标题.png

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-8-13 09:51

评分

参与人数 1鱼币 +3 收起 理由
不二如是 + 3 鱼C有你更精彩^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-8-12 22:52:19 | 显示全部楼层
  1. <!docttype html>
  2. <html>
  3.         <head>
  4.                 <title>欢迎来到HTLM5世界</title>
  5.                 <meta charset = "utf-8">
  6.                 <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.                 /*<link rel="stylesheet" href"tt.css">*/
  8.                 <style>
  9.                         body{
  10.                                 text-align:center
  11.                         }
  12.                 </style>
  13.         </head>
  14.         <body>
  15.                 <div id="unit_1">
  16.                         <P>
  17.                         <h1>002-This HTML5</h1>
  18.                         head 标签包含了对 HTML5 页面各种属性、配置信息的描述。</br>
  19.                         名字就是标题 title 标签</br>
  20.                         语言就是页面的编码格式。用 meta 标签的 charcet 进行设置。</br>
  21.                         建议使用 "UTF-8" ,很简单这就是“万国码”,这样就可以愉快的在页面上显示,中文、英文了。</br>
  22.                         body ,身体,你懂的,就是展现在你面前,允许干一些事情的地方。</br>
  23.                         记住,不要企图通过回车换行,来达到文本换行效果,这是不可能滴!</br>
  24.                         /br 标签换行</br>  
  25.                         <p>我爱鱼C www.FishC.com</p>
  26.                         </P>
  27.                 </div>
  28.                
  29.                 <div id = "container">
  30.                 <p>
  31.                 <h1>003增加说明文字、区块</h1>
  32.                 <h3 style="color:red">标题层次结构</h3>
  33.                 在 HTML 中,标题标签共有<b style="color:red">6</b>个,默认 h1 最大,h6 最小。
  34.                 <h3 style="color:red">说明文字</h3>
  35.                 说明文字,就是一个文本段落,最好的方式将它放在 p 标签里。</br>
  36.                 这样的目的是,就是让你的代码,<em><b>结构化</b></em>,而不是把内容直接扔到代码里!
  37.                 <h3 style="color:red">URL超链接</h3>
  38.                 超链接,更准确的说是文本链接。链接标签 a ,跳转的 URL 可以用标签 href 属性指定。</br>
  39.                 创建“传送门”,页面跳转到小天才养殖场主页。</br>
  40.                 <b style = "color:#cc00cc">a> href ="http://bbs.fishc.com/forum-337-1.html">传送门/a</b></br>
  41.                 <a href ="http://bbs.fishc.com/forum-337-1.html">传送门</a>
  42.                 <h3 style="color:red">区块</h3>
  43.                 今天只用最初级的 <b>div</b> </br>
  44.                 为了便于管理添加 id 属性,命名为 container</br>
  45.                 虽然页面外表没有变化,但是很有<b>内涵</b>了!</br></br>
  46.                 <b style="color:#cc00cc"><em>text-align:center 文字居中<br>b 标签加粗<br>em 标签斜体</em></b>
  47.                 </p>
  48.                 </div>
  49.         </body>
  50. </html>
复制代码

点评

我很赞同!: 5.0
我很赞同!: 5
  发表于 2018-8-13 09:50

评分

参与人数 1鱼币 +5 收起 理由
不二如是 + 5 鱼C有你更精彩^_^

查看全部评分

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-8-21 11:06:49 | 显示全部楼层
我爱万国码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2018-10-10 23:34:15 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <title>
  5.         XXX
  6.     </title>
  7.     <meta charset="utf-8">
  8. </head>

  9. <body>
  10.     <div id="container">
  11.         <h1>我爱鱼C</h1>
  12.         <p>www.FishC.com - 让编程改变世界</p>
  13.         <a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
  14.     </div>
  15. </body>

  16. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-2-7 16:47:49 | 显示全部楼层
才找到这个!!配合教程好吃!!
依然不是特别理解<div>的作用。。
作业里见到的<div>是一直缩缩缩缩缩缩缩缩进,再一层层层层层层层层出来,不太明白作用
看楼上同学作业,感觉<div>的作用是用来"理清思路"的对吗?比如我的网页分为n个部分,我就可以用n个<div>把他们包裹隔开??
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-2-20 14:01:43 | 显示全部楼层
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7.     <title>第三节:文字、区块</title>
  8. </head>
  9. <body>
  10.     <div id="container">
  11.         <h1>我爱鱼C</h1>
  12.         <p>fishc.com.cn-让编程改变世界</p>
  13.         <a href="http://fishc.com.cn" target="_blank">传送门</a>
  14.     </div>

  15. </body>
  16. </html>
复制代码

效果

效果
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-3-12 10:25:22 | 显示全部楼层

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.         <meta charset="utf-8">
  5.         <title>欢迎来到HTML世界</title>
  6. </head>
  7. <body>
  8.         <div id="container">
  9. <h1>我爱鱼C</h1>
  10. <p>WWW.FishC.com - 让编程改变世界</p>
  11. <a >传送门</a>
  12. </div>
  13. </body>
  14. </html>
复制代码

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-5-26 18:37:48 | 显示全部楼层
  1. <!doctype html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>看什么看</title>
  6.         </head>
  7.         <body>
  8.                 <div id="container">
  9.                         <h1>老子哎FishC</h1>
  10.                         <p>草泥马</p>
  11.                         <a href="http://fishc.com.cn">传送!</a>
  12.                 </div>
  13.         </body>
  14. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-6-9 10:45:49 | 显示全部楼层
把所有衣服都套在脑袋上了,哈哈哈
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-7-30 17:10:06 | 显示全部楼层
简单明了,谢谢
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-3-21 13:11:18 | 显示全部楼层
div理解就是类似于收纳盒,一个div就是一个盒子,这样垒起来比较方便
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>HTML学习</title>
  7. </head>
  8. <body>
  9.     <div>
  10.         <div>这是块</div>
  11.         <h1>这是H1</h1>
  12.         <p>这是段落说明</p>
  13.     </div>
  14. </body>
  15. </html>
复制代码
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2023-7-24 14:49:04 | 显示全部楼层
打卡
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 22:37

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表