HTML5初窥一：HTML、CSS、JS都是啥？
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">近期</span>有<span style="color: black;">朋友</span>私信我，<span style="color: black;">暗示</span>要学习网页<span style="color: black;">研发</span>了，<span style="color: black;">然则</span>老师<span style="color: black;">欠好</span>好讲...正好我一琢磨，不如把我实习前，自学H5时候写的<span style="color: black;">哪些</span>小玩意儿放上来算了，万一以后再有<span style="color: black;">伴侣</span>问我呢，直接甩个链接多帅哈哈哈哈！虽然<span style="color: black;">无</span>什么厉害的<span style="color: black;">地区</span>，<span style="color: black;">不外</span><span style="color: black;">亦</span>算是一个开头吧。之后的话，各位还要加油哈！我准备<span style="color: black;">根据</span>我学习的路子来写了，<span style="color: black;">因此</span>会有<span style="color: black;">非常多</span>不严谨<span style="color: black;">然则</span>便于理解的<span style="color: black;">状况</span>，<span style="color: black;">重点</span>看气质～</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">针对没接触过网页<span style="color: black;">研发</span>的<span style="color: black;">朋友</span>们，我<span style="color: black;">首要</span><span style="color: black;">意见</span>各位理解一下概念。<span style="color: black;">大众</span>可能听过HTML+CSS+JS的组合（<span style="color: black;">倘若</span>没听过，<span style="color: black;">此刻</span>就听过啦），<span style="color: black;">然则</span><span style="color: black;">详细</span>每部分都是什么不是<span style="color: black;">尤其</span>清楚。这一篇<span style="color: black;">文案</span><span style="color: black;">便是</span><span style="color: black;">期盼</span>各位能够大致理解这三个部分都是什么，以及三个部分大概长什么样子。我之前在一个问题里回答过，<span style="color: black;">此刻</span>把这三个部分节选出来：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Web建站就像是过年去买贺卡。</p>HTML写的是这张贺卡里面都有什么文字，有什么图画，有什么音乐。<span style="color: black;">能够</span>是几乎所有种类的贺卡。HTML5是第5代HTML，<span style="color: black;">便是</span>什么二维码音乐跑马灯什么都有的<span style="color: black;">日前</span>最新版贺卡，<span style="color: black;">花招</span><span style="color: black;">尤其</span>多。其实都是在说明贺卡的内容有<span style="color: black;">那些</span>，有什么东西。CSS是说，贺卡里的所有东西，都是怎么排版的。图画放在左上角转45度，文字放在下面要小四宋体，送给谁的名字是大红色，等等。<span style="color: black;">亦</span><span style="color: black;">叫作</span>为"样式"。Javascript是贺卡里面的小机关。一打开贺卡，就放音乐啦，一按下按钮就爆炸啦（误），隔三秒钟<span style="color: black;">起始</span>跑马灯啦，类似的<span style="color: black;">规律</span>问题。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">之前还给我的<span style="color: black;">伴侣</span>比喻成做剪贴报（<span style="color: black;">便是</span>小时候把报纸杂志剪了，粘成一份新的，不<span style="color: black;">晓得</span><span style="color: black;">此刻</span>还有<span style="color: black;">无</span>。。。）。HTML<span style="color: black;">便是</span>剪子，想要什么内容就剪什么内容。剪个<span style="color: black;">照片</span>剪个笑话，啥好看剪啥；CSS<span style="color: black;">便是</span>胶水。拿起<span style="color: black;">刚才</span>剪下来的东西，想一想粘哪好看，顺手再描个边，哎这个大姑娘照片得放中间；JS<span style="color: black;">便是</span>个高级货了，那<span style="color: black;">便是</span>我！我一看老师皱眉头了，赶紧给老师解释这个大姑娘是我妹，我得把我妹放在最好的位置！还得跟老师说，老师老师，这笑话特好玩你多<span style="color: black;">瞧瞧</span>。JS是个聪明家伙，有<span style="color: black;">规律</span>，<span style="color: black;">能够</span><span style="color: black;">按照</span><span style="color: black;">区别</span>的输入（老师的表情）作出反应。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">举个例子。下面我将用代码进行演示，看不懂的<span style="color: black;">地区</span><span style="color: black;">能够</span>直接忽略，<span style="color: black;">此刻</span>讲<span style="color: black;">哪些</span>太没意思了，一点都<span style="color: black;">欠好</span>玩，后面再说吧～</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-e8e15abe6b547e867637bc9d0a8ff9c7_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我<span style="color: black;">首要</span>新建了三个文件：一个HTML、一个CSS、一个JS，还准备了一张<span style="color: black;">照片</span>。接下来我分别演示<span style="color: black;">她们</span>的<span style="color: black;">功效</span>。</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>HTML</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我用的<span style="color: black;">工具</span>在新建HTML的时候会自动写<span style="color: black;">有些</span>东西，<span style="color: black;">而后</span>我又把HTML、CSS、JS<span style="color: black;">相关</span>起来了。如下：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-06415d9b6d3e60d53b9fcb837844a546_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这些<span style="color: black;">咱们</span>都<span style="color: black;">不消</span>管。<span style="color: black;">这儿</span><span style="color: black;">咱们</span>只<span style="color: black;">必须</span>暂时<span style="color: black;">晓得</span>一点就行了：HTML是个大肚子的家伙，<span style="color: black;">倘若</span>想在它上面写点什么，就要写在body上～<span style="color: black;">能够</span>看到第9行和第13行之间有<span style="color: black;">非常多</span>空行，<span style="color: black;">咱们</span>就在这个上面搞一搞～</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这个HTML<span style="color: black;">此刻</span>是<span style="color: black;">无</span>内容的，打开网页的话<span style="color: black;">便是</span>完完全全的空白页。节省流量不放图啦～<span style="color: black;">那样</span>接下来我就给他的肚子上放点东西，先来几个文字吧。<span style="color: black;">重视</span>第10行：</p>
楼主继续加油啊！外链论坛加油！ 外贸网站建设方法 http://www.fok120.com/ 谢谢、感谢、感恩、辛苦了、有你真好等。
页:
[1]