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>

被翻红浪 · 发表于 2018-2-13 23:53:56

本帖最后由被翻红浪于 2018-2-13 23:57 编辑

总是无法显示链接

夕颜梦雨 · 发表于 2018-2-26 09:46:21

本帖最后由夕颜梦雨于 2018-2-26 09:47 编辑

交作业

华丽转身123 · 发表于 2018-4-28 14:56:57

看完一页,我膜拜一次以感谢你的给予

土耳其东木白 · 发表于 2018-5-28 16:09:56

E:\DEMO\HTML

土耳其东木白 · 发表于 2018-5-28 16:11:05

土耳其东木白发表于 2018-5-28 16:09

这样可以贴图片吗？

我爱鱼C！ · 发表于 2018-7-12 08:20:13

交作业喽:

dys376820508 · 发表于 2018-8-12 22:52:19

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

我爱鱼C！ · 发表于 2018-8-21 11:06:49

我爱万国码

soulwyb · 发表于 2018-10-10 23:34:15

<!DOCTYPE html>
<html>

<head>
    <title>
        XXX
    </title>
    <meta charset="utf-8">
</head>

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

</html>

月牙儿 · 发表于 2019-2-7 16:47:49

才找到这个！！配合教程好吃！！
依然不是特别理解<div>的作用。。
作业里见到的<div>是一直缩缩缩缩缩缩缩缩进，再一层层层层层层层层出来，不太明白作用
看楼上同学作业，感觉<div>的作用是用来"理清思路"的对吗？比如我的网页分为n个部分，我就可以用n个<div>把他们包裹隔开？？

星海雪的钟爱 · 发表于 2019-2-20 14:01:43

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第三节：文字、区块</title>
</head>
<body>
    <div id="container">
        <h1>我爱鱼C</h1>
        <p>fishc.com.cn-让编程改变世界</p>
        <a href="http://fishc.com.cn" target="_blank">传送门</a>
    </div>

</body>
</html>

phszhuli · 发表于 2019-3-12 10:25:22

<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <title>欢迎来到HTML世界</title>
</head>
<body>
        <div id="container">
<h1>我爱鱼C</h1>
<p>WWW.FishC.com - 让编程改变世界</p>
<a >传送门</a>
</div>
</body>
</html>

萌·小杨 · 发表于 2019-5-26 18:37:48

<!doctype html>
<html>
        <head>
                <meta charset="UTF-8">
                <title>看什么看</title>
        </head>
        <body>
                <div id="container">
                        <h1>老子哎FishC</h1>
                        <p>草泥马</p>
                        <a href="http://fishc.com.cn">传送！</a>
                </div>
        </body>
</html>

m354256175 · 发表于 2019-6-9 10:45:49

把所有衣服都套在脑袋上了，哈哈哈

H5Tiger · 发表于 2019-7-30 17:10:06

简单明了，谢谢

muwan · 发表于 2020-3-21 13:11:18

div理解就是类似于收纳盒，一个div就是一个盒子，这样垒起来比较方便

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML学习</title>
</head>
<body>
    <div>
        <div>这是块</div>
        <h1>这是H1</h1>
        <p>这是段落说明</p>
    </div>
</body>
</html>

longweixu · 发表于 2023-7-24 14:49:04

打卡

账号		自动登录	找回密码
密码			立即注册

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

点评

评分

点评

评分

点评

评分

点评

评分