15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 【想啥学啥】小白入门网页制作(HTML+CSS)

【想啥学啥】小白入门网页制作(HTML+CSS)

时间:2023-10-02 11:48:01 | 来源:网站运营

时间:2023-10-02 11:48:01 来源:网站运营

【想啥学啥】小白入门网页制作(HTML+CSS):无聊刷手机APP,不经意间看到粉笔有个视频教程《1小时教你做出个人网页》。挺好奇点进去,哈哈,一口气把课学完了,蛮有收获~~起码懂了点HTML和CSS,下次爬网页也能看得懂网页源代码啦。

一、网页技术简介
HTML+CSS+JavaScript
本文只涉及到HTML和CSS,难度系数高点儿的JavaScript暂不涉及。

  1. HTML代码需要写在标签符号"<>"里面。如<h1> </h1>; <img/>;<p> </p>。
  2. HTML标签成对出现,尾标签加上关闭符号"/"区分首尾。例外:<img/>单独出现。
  3. 标签是可以嵌套使用的。
  1. 遵循键值对规则,基本格式是---k:v。
  2. 写在标签中的style属性中。style=""
---先把干巴巴的语法看个大概,接下来会用例子说明---

二、网页开发工具
很多工具支持写网页,即便是最原始的记事本
教程中,用的是最后一个H Builder,我也依样画葫芦下载并安装好了。

下载网址:http://www.dcloud.io/

下载完成后,点安装并注册账户即可
一打卡软件,直接能看到《HBuilder入门》网页,第一次仔细阅读下就知道大概了~

三、边做网页边学语法
新建个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:

第一次做的个人网页
<div> ##分区<p> ##标签定义段落##列表<ul> <li> </li></ul>padding left 从左侧往里靠……还有好多要备注,偷懒懒得写了一个小时的入门课程听下来,上手不难,但是想要做复杂点的网页,还需要学挺多的。我没打算走前端这个方向,所以也不深入学了。看得懂大致代码,会爬虫就成~


文中涉及到的素材:

链接:https://pan.baidu.com/s/1tt0lkGW_xH6eiXM_7EST5g 密码:bwlq

关键词:入门

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭