首先说明一下自己暑假这一段时间学习前端的感受,感觉前端和后端不同的是,你做的每一步都能在网页上一步步显示出来,绚烂多彩,从前端我看出了不管任何完美的后端程序都需要前端来进行完美丰富,因为用户第一眼看到的不是你的后端,而是你的前端。就比如男生女生找对象一样,始于颜值终于才华。很多人经常说前端可能比较简单,最近感受这门课程有可能入门很简单,但是想要精通需要吸收大量前辈的经验,方可真正靠自己,做出真正自己的网页。
不废话了,进入正题学会前端需要学会HTML css JavaScript 。
Html是网页的结构 css是网页的外观 JavaScript是网页的行为
刚开始学习时一定要一步一步来,不要太依靠开发工具,在此推荐初学者hbuilder开发工具
首先看基本框架,此框架在任何开发工具都是初始的,自带的,
其中HTML中注释< -- 注释内容 -->
<!DOCTYPE html> //文档声明
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
在HTML中有六个标签可以放在head标签中
title 用于定义网页标题
meta 关键字 用于他人搜网页
link 标签用于引入外部样式文件 css
style 写css
scricp 写JavaScript
base 这个基本上没用
下面详细介绍一下
title 标签
<title>上网导航-轻快上网 从这开始</title>
网页的标题就是 上网导航-轻快上网 从这开始
就像是你的名字,给网页起一个名字
meta 标签
提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。位于文档的头部,不包含任何内容。给以标注网页 作者 版权 描述 信息关键字
1.
name属性
<meta name="keywords" content="关键字" />
<meta name="description" content="描述"/>
<meta name="author" content="作者"/>
<meta name="copyright" content="版权信息"/>
通过这些信息用户可以更好的查找网页,了解网页信息
2.
http-equiv属性
<meta charset="utf-8" /> //这个是网页所使用的编码
定义网页自动刷新跳转
<meta http-equiv="refresh" content="1;url=网页"/>
意义为一秒后自动跳转到“网页”
script 标签
定义页面的JavaScript代码 或者引入外部的JavaScript代码
<script>
/*这里进行JavaScript的书写*/
</script>
link标签
<link rel="stylesheet" type="text/css" href="外部标签位置"/>
定义文档与外部资源的关系
style 标签
这个标签主要是进行用于定义HTML文档的各种样式
.base标签
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
最后注意以上标签都是用于head标签之内的
当然html主要是在body中进行书写