没聊刷手机APP,不经意间看到粉笔有个视频教程《1小时教你做出个人网页》。挺好奇点进去,哈哈,一口气把课学完了,蛮有收获~~起码懂了点HTML和CSS,下次爬网页亦能看得懂网页源代码啦。 1、网页技术简介HTML+CSS+JavaScript本文只触及到HTML和CSS,难度系数高点儿的JavaScript暂不触及。 HTML语法HTML代码必须写在标签符号"<>"里面。如<h1> </h1>; <img/>;<p> </p>。HTML标签成对显现,尾标签加上关闭符号"/"区分首尾。例外:<img/>单独显现。标签是能够嵌套运用的。CSS语法遵循键值对规则,基本格式是---k:v。写在标签中的style属性中。style=""---先把干巴巴的语法看个大概,接下来会用例子说明--- 2、网页研发工具
非常多工具支持写网页,即便是最原始的记事本教程中,用的是最后一个H Builder,我亦依样画葫芦下载并安装好了。
下载网址:http://www.dcloud.io/
下载完成后,点安装并注册账户就可
一打卡软件,直接能看到《HBuilder入门》网页,第1次仔细阅读下就晓得大概了~ 3、边做网页边学语法新建个web项目First Try,会自带css,img,js三个文件夹以及index.html。
<!DOCTYPE html> ##告诉电脑文档类型是html
<html> ##<html> 与 </html> 标签限定了文档的起始点和结束点
<head> ##用于定义文档的头部,描述了文档的各样属性和信息
<meta charset="utf-8" /> ## utf-8,方便识别中文
<title></title> ## 文档的标题
</head>
<body>
</body> ##<body> 与 </body> 之间的文本是可见的页面内容
</html>
------直接po:
第1次做的个人网页
<div> ##分区
<p> ##标签定义段落
##列表
<ul>
<li> </li>
</ul>
padding left 从左侧往里靠
……
还有好多要备注,偷懒懒得写了
一个小时的入门课程听下来,上手不难,然则想要做繁杂点的网页,还必须学挺多的。我没打算走前端这个方向,因此亦不深入学了。看得懂大致代码,会爬虫就成~
文中触及到的素材:
链接:https://pan.baidu.com/s/1tt0lkGW_xH6eiXM_7EST5g 暗码:bwlq
|