欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

web前端入门:一小时学会写页面 - 空酷狗

程序员文章站 2022-05-13 15:29:46
...
一小时学会写页面

作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给大家简单的web前端入门方法。
既然题目已经定了一个小时那么废话就不多说了,计时开始

1.什么是前端

简单来说,前端就是做网页(大神勿喷,本文一切从简)

2.前端技术

html,是首字母缩写,具体意义请百度,大家要记住“t”代表textok你们没有想错,text就是文本文件text,好了准备工作做好了,现在开始做网页

3.我们的第一个网页

请身边有电脑的小伙伴和我一起开始,在桌面鼠标右击,创建一个txt文件,命名为index把后缀修改为html,可能会跳出一个弹出框点击确定~点击这个文件大部分人应该会在浏览器打开吧,如果是那就对了,然后这个页面可以不关掉接着走下一步

4.添加内容

右键点击刚才建立的文件,我们可以直接用记事本打开,ok现在在文档里面输入hello world~刷新刚才用浏览器打开的那个页面~不出意外hello world应该在了

5.页面结构

在文档中输入以下代码

Document

6.代码说明

这行代码位于文档的第一行,用于声明文档类型

1、对于 HTML 4.01 中有三种 声明,在HTML5中只有以上一种声明
2声明不是HTML标签

...

html标签内包裹页面文档的整个内容
1、 告诉浏览器这个网页是英文网站
2lang="zh"表示该网站是中文网站
3lang="en"可以省略

....

head标签内可以放入描述文档的各种属性和信息的标签例如

meta元素提供页面的信息
1meta里面放入charset="UTF-8"说明页面编码格式是UTF-8
2meta里面放入name="keywords" content="html, css, JavaScript是描述文档的关键字

Document

定义文档的标题,这个你可以根据你的需求命名

....

body标签放入文档的所有内容比如插入一张图片,写一段说明,放个视频什么的都是放在body

7、实战页面

<span style="font-family: 宋体;">百度一下,你就知道</span><span style="font-family: Calibri;"></span>