马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 不二如是 于 2021-6-4 16:50 编辑
在线视频：
课程思维导图
重要的事情说三遍：
下面的传送门，要牢记！
下面的传送门，要牢记！！
下面的传送门，要牢记！！！
本次课程配套的在线学习地址：
标签解读
这几个标签，就意味着几种不同学习方式。
解释已经在上面的导图中有详细说明。
重点就是“课后作业”，每次听完课程，乖乖做习题，相信我，收获一定大大滴～
至于，自发自觉自愿的做作业有啥好处，请看：矛盾世界的吹水与学习 |【篇三 - 想记住，先忘记】
阶段考核，也是一个亮点哦。
届时鱼油可以按照课程要求，完成一个小项目，优秀作品会放到咱们鱼C的服务器上哦～
好处那是多多滴，想一想，万一哪天面试，你甩出一个fishc.com域名的在线演示，格调一定高高～
H5精简结构解释
记住，本系列课程都是基于“HTML5”标准，意味着代码结构极其简单。
有鱼油肯定会问：
像HTML4.0，以及xml中必须写的DTD，在HTML5中居然不用写？！
以下是一段解释，鱼油自愿看：
HTML原先基于一个名为SGML的标准，这个标准要求提供复杂格式的doctype和DTD。
新标准对SGML有所调整，简化HTML语言，使其更加灵活。几乎所有浏览器都只是在doctype中查找HTML，确保在解析一个HTML文档。
001的标签详述
html，head，body
基本结构，上一节课讲过了。记住必须要写～
h1，p
请不要为了调整字体大小，就用h1～h6标签。
标题标签存在的意义，就是用来当作标题。
文本标签就是用来当作文本。
这些标签呈现的内容，除了给人看，还给爬虫，代码看。
后者则是通过索引相应的标签来进行相应的数据处理。
如果为了修改字体大小，字体型号，请使用后面要讲到的“CSS3”。
一些概念
标签，属性，元素...有没有被搞晕？
记住下面这张图：
语法：<标签名 属性名1="属性值" 属性名2="属性值" ... 属性名N="属性值">内容</标签名>
稍微解释下：
元素和标签不是一回事。
有些人把元素称作标签（如“p标签”）。需要记住的是，元素是一码事，标签（不论是开始标签还是终止标签）是另一码事。
HTML属性一般都出现在HTML标签中，HTML属性是HTML标签的一部分。
标签可以有属性，它包含了额外的信息，属性的值一般要在引号中（有时也可以不加引号）；
标签可以拥有一个或多个属性，也可以没有属性；
属性一般由属性名和值成对出现。
HTML标签的3种形式
◊首尾标记必须成对出现的元素，例如<h1>、<button>；
◊起始标记必须出现，而结尾标记是可选的，例如<p>、<option>；
◊只有起始标记而没有结尾标记的元素，例如<br>、<img>。
新增标签
图片素材：
FishC.zip
(2.01 MB, 下载次数: 137, 售价: 2 鱼币)
代码：<!DOCTYPE HTML>
<html>
<head>
<title>第一个程序</title>
</head>
<body>
<h1>Hello World</h1>
<img src="img/FishC.png" alt="FishC-LOGO" width="256px" height="256px">
<a href="http://bbs.fishc.com">学习中如果遇到不会的问题，可以在鱼C论坛上提问</a>
<p>I love FishC.com</p>
</body>
</html>
img标签中的src属性，用来调用素材，可以是本地的，也可以是超链接。（演示见宝典）
alt属性，用来备注信息；width，height设置图片宽高；
a标签中的href属性，href 属性用于指定超链接目标的 URL。
课后作业，完成了吗？
如果有收获，别忘了评分 ：
这位鱼油，如果喜欢本系列学习笔记，请订阅 专辑☞（ 传送门）（ 不喜欢更要订阅 ）
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2018-3-20 16:10:55
置顶卡
千斤顶
显身卡
楼主
发表于 2018-3-20 19:38:56
发表于 2018-3-21 18:22:01
