0 0 0 3 - 增加说明文字、区块

不二如是 · 发表于 2017-1-6 16:57:31

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由不二如是于 2021-8-11 08:29 编辑

在0002，我们完成了一个最基本的网页！

基本到什么也干不了

这怎么可以呢？

所以我们在页面中增加说明文字、邀请按钮、区块来提升下B格。

标题层次结构

6个

<h1>我爱鱼C</h1>

复制代码

说明文字

结构化

<p>WWW.FihsC.com - 让编程改变世界</p>

复制代码

URL超链接

<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>

复制代码

区块

封装

<div>

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

复制代码

<div id="container">

复制代码

内涵

这位鱼油，如果喜欢本帖子，请订阅专辑-->（传送门）（不喜欢更要订阅

）

官方 Web 课程：

lyzklkl · 发表于 2017-3-31 10:30:16

交作业

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到html的世界</title>
</head>
<body>
<div id="container">
<h1>我爱鱼C</h1>
<p>bbs.fishC.com - 是你在改变我，谢谢你</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>
</html>

复制代码

像番茄加两个蛋 · 发表于 2018-1-11 09:51:14

学习笔记：
在HTML中，标题标签共有6个标题标签，默认<h1>最大,<h6>最小。我自己动手尝试了一下的确这样。
说明文字，就是一个文本段落，最好的方式将它放在<p>标签里。这个不是很懂它的作用可能现在我们还不能看出来吧。
超链接，<a href=”链接”>名称</a>。
区块感觉就是用来标记这块代码是什么，看起来清楚一点不然后面代码多了自己都不知道这是啥那是啥了。id="contianer"还可以自己取名！~
作业：

<!doctype html>
<head>
<title>欢迎来到HTML世界</title>
</head>
<body>
<div id="contianer">
<h6>我爱鱼C</h6>
<p>WWW.FihsC.com - 让编程改变世界</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>

复制代码

准备先去上课，然后继续回图书馆学习HTML，图书馆安静！主要还有空调吹！~~不二老师的教程已经让我喜欢上HTML了！！！感谢不二老师！！！

易改乌江水 · 发表于 2018-1-20 20:54:41

本帖最后由易改乌江水于 2018-1-20 20:56 编辑

学了不二老师的课后，我把我从前做的电子物理课本浏览改了一下当做作业。

<!DOCTYPE HTML>
<html>
<body style="background-color:skyblue">
<h1 style="text-align:center">
九年级
</h1>
<div id ="unit_13">
<p style="text-align:center">
<a href="html2.html">
<img border="0" src="physics\the grade nine\13\13-1.jpg" />
</a>
</p>
</div>
<div id ="unit_14">
<p style="text-align:center">
<a href="html3.html">
<img border="0" src="physics\the grade nine\14\14-16.jpg" />
</a>
</p>
</div>
<div id ="unit_15">
<p style="text-align:center">
<a href="html4.html">
<img border="0" src="physics\the grade nine\15\15-31.jpg" />
</a>
</p>
</div>
<div id ="unit_16">
<p style="text-align:center">
<a href="html5.html">
<img border="0" src="physics\the grade nine\16\16-54.jpg" />
</a>
</p>
</div>
<div id ="unit_17">
<p style="text-align:center">
<a href="html6.html">
<img border="0" src="physics\the grade nine\17\17-73.jpg" />
</a>
</p>
</div>
<div id ="unit_18">
<p style="text-align:center">
<a href="html7.html">
<img border="0" src="physics\the grade nine\18\18-86.jpg" />
</a>
</p>
</div>
<div id ="unit_19">
<p style="text-align:center">
<a href="html8.html">
<img border="0" src="physics\the grade nine\19\19-104.jpg" />
</a>
</p>
</div>
<div id ="unit_20">
<p style="text-align:center">
<a href="html9.html">
<img border="0" src="physics\the grade nine\20\20-118.jpg" />
</a>
</p>
</div>
<div id ="unit_21">
<p style="text-align:center">
<a href="html10.html">
<img border="0" src="physics\the grade nine\21\21-144.jpg" />
</a>
</p>
</div>
<div id ="unit_22">
<p style="text-align:center">
<a href="html11.html">
<img border="0" src="physics\the grade nine\22\22-165.jpg" />
</a>
</p>
</div>
</body>
</html>

复制代码

毕竟虽然听说过css,但毕竟不会用所以没用，只能用这种蠢笨的方法

ttyhtg · 发表于 2018-1-30 17:10:18

打开notepad++才想起来之前看过一点点，不过因为备考，没再看了。现在我想python和html同时学，不知道会不会学混了啊。
360截图-1916578.jpg

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

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

交作业

alltolove · 发表于 2017-1-7 20:21:20

怎么不给区块起个类名

不二如是 · 发表于 2017-1-7 21:02:01

alltolove 发表于 2017-1-7 20:21
怎么不给区块起个类名

起的名字就叫，“container”

dreamdnj · 发表于 2017-2-15 23:19:19

通俗易懂，感谢楼主！！

不二如是 · 发表于 2017-2-16 07:12:24

dreamdnj 发表于 2017-2-15 23:19
通俗易懂，感谢楼主！！

！！！

alanbruk · 发表于 2017-2-27 18:57:07

菜鸟来学习学习

biyiy929 · 发表于 2017-2-27 23:21:29

评论一下吧

hanlenry · 发表于 2017-3-1 16:27:49

应该是h1最大，h6最小吧

longwutian004 · 发表于 2017-3-2 15:54:11

hanlenry 发表于 2017-3-1 16:27
应该是h1最大，h6最小吧

说对了，估计一不小心输入错了

时间被轻轻踏碎 · 发表于 2017-3-27 21:15:43

shishunfu · 发表于 2017-4-17 14:52:00

交作业

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>div区块--变得有内涵</title>
</head>
<body>
<h1>我爱鱼C</h1> 
<p>让编程改变世界!<br/>Change the world by program!</p> 
<a href="http://www.fishc.com/" style="text-decoration: none">传送门</a><br/>
<a href="http://bbs.fishc.com/forum.php?mod=collection&action=view&ctid=539"
style="text-decoration: none">HTML5-庖丁解牛</a>

</body>
</html>

馆长の微笑 · 发表于 2017-6-7 19:18:33

<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>欢迎来到HTML世界</title>
</head>
<body>
<div id="container">
<h1>我爱鱼C</h1>
<p>WWW.FihsC.com - 向前端老师致敬</p>
<a href="http://bbs.fishc.com/forum-337-1.html">传送门</a>
</div>
</body>
</html>

复制代码

交作业

aswyamato1989 · 发表于 2017-7-5 07:51:45

继续学习，感谢楼主分享。

542624047 · 发表于 2017-7-5 16:11:41

在学习。

义云月 · 发表于 2017-8-25 22:49:01

感谢楼主1!!! 学习中

白文龙 · 发表于 2018-1-7 07:16:41

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

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

马上注册，结交更多好友，享用更多功能^_^

评分

本帖被以下淘专辑推荐:

点评

评分

点评

评分

点评

评分

点评

评分

点评

评分

点评

评分

浏览过的版块