<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><atarget="_blank">http://www.baidu.com</a>- 让编程改变世界</p>
</header>
</body>
</html> 本帖最后由 被翻红浪 于 2018-2-13 23:57 编辑
总是无法显示链接 本帖最后由 夕颜梦雨 于 2018-2-26 09:47 编辑
交作业
看完一页,我膜拜一次以感谢你的给予 E:\DEMO\HTML 土耳其东木白 发表于 2018-5-28 16:09
这样可以贴图片吗？ 交作业喽:
<!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> 我爱万国码 <!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> 才找到这个！！配合教程好吃！！
依然不是特别理解<div>的作用。。
作业里见到的<div>是一直缩缩缩缩缩缩缩缩进，再一层层层层层层层层出来，不太明白作用
看楼上同学作业，感觉<div>的作用是用来"理清思路"的对吗？比如我的网页分为n个部分，我就可以用n个<div>把他们包裹隔开？？ <!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>
<!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>
<!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> 把所有衣服都套在脑袋上了，哈哈哈 简单明了，谢谢 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> 打卡
页:
1
[2]