学习初衷:Wordpress网站后台有很多的插件,不知道该怎么取舍?如果可用HTML和CSS解决的话,那就太开心了。
目录
网站学习笔记:
网站是前端和后端的结合。前端是静态网页,后端是动态网页,可实现交互。
网页分类,分为2种: 静态网页(学习前端),动态网页(学习后端)。
前端开发
前端开发(静态网站):最核心的3个技术 HTML,CSS,JavaScrip(JS)
前端开发必备知识
功能 | 作用 | |
HTML超文本标记语言 | 描述性语言 | 控制网页结构 |
CSS叠层样式表 | 控制网页外观 | 控制网页外观 |
JavaScrip | 嵌入到HTML页面的脚本语言 | 控制网页的行为 |
前端开发学习路线:
HTML→CSS→jQuery→HTML5→CSS3→ES6→移动Web→Vue.js
HTML学什么?
学习各种标签的使用,来搭建网页结构。标签有哪些?段落标签(p),图片标签(img)等。
HTML是描述性语言‘,具体描述什么?简而言之,就是告诉浏览器,我想表达的内容是什么,比如段落,图片,’
Web开发的重点是,可读性和可维护性。?
HTML基本结构 | 表示 |
文档声明:<!DOCTYPE html> | 这是一个HTML网页 |
<!DOCTYPE html> <html> <head> </head> <body> </body> </html> | 文档声明:<!DOCTYPE html> HTML文档 <html> </html> 页头 <head> </head> 页身 <body> </body> |
<title></title>网页的标签,而不是文章的标签 | |
<p></p>是段落的标签 |
head标签的子标签有哪些?
只有6个标签可放在head标签里,title标签,meta标签,link标签,style标签,script标签
head的子标签 | 作用 | |
title | 定义网页的标题 | |
meta | 定义网站的关键字,页面描述等,告诉爬虫这个网页是干什么的 | |