天涯论坛

 找回密码
 立即注册
搜索
查看: 105|回复: 5

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

[复制链接]

2999

主题

182

回帖

9920万

积分

论坛元老

Rank: 8Rank: 8

积分
99209266
发表于 2024-6-29 14:54:09 | 显示全部楼层 |阅读模式

聊刷手机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





上一篇:HTML旅游景点网页作业制作——旅游中国11个页面(HTML+CSS+JavaScript)
下一篇:AM设计| 2019年招聘正式开展 !Join us!
回复

使用道具 举报

1

主题

806

回帖

-1

积分

限制会员

积分
-1
发表于 2024-8-31 02:15:28 | 显示全部楼层
大势所趋,用于讽刺一些制作目的就是为了跟风玩梗,博取眼球的作品。
回复

使用道具 举报

3033

主题

312

回帖

9909万

积分

论坛元老

Rank: 8Rank: 8

积分
99099076
发表于 2024-9-9 21:14:04 | 显示全部楼层
请问、你好、求解、谁知道等。
回复

使用道具 举报

0

主题

1万

回帖

1

积分

新手上路

Rank: 1

积分
1
发表于 2024-9-10 05:07:36 | 显示全部楼层
你的话深深触动了我,仿佛说出了我心里的声音。
回复

使用道具 举报

2950

主题

3万

回帖

9997万

积分

论坛元老

Rank: 8Rank: 8

积分
99979413
发表于 2024-10-25 20:56:43 | 显示全部楼层
论坛外链网  http://www.fok120.com/
回复

使用道具 举报

3126

主题

3万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99108615
发表于 2024-11-1 02:40:18 | 显示全部楼层
回顾历史,我们感慨万千;放眼未来,我们信心百倍。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 13:15 , Processed in 0.407153 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.