今天是第一次发博客,我今天第一次开始学习微博前端开发,从今天开始我每天都会更新博客,内容就是在我学习中学到的知识。
web前端简介
web前端开发是从网页制作演变而来,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,功能更加强大。
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
-
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
-
CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
-
JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
标记语言
用各种标签将 相关信息或者关键字 包裹起来,方便搜索引擎的抓取。
HTML就是一种标记语言
<h1>我是标题</h1>
<p>我是段落</p>
标记语言有很多。布置HTML一种。
HTML标签
1.HTML 标签是由尖括号包围的关键词,比如
2.HTML 标签通常是成对出现的,标签对中的第一个标签是开始标签,第二个标签是结束标签。
3.标签与标签之间是可以嵌套的,但先后顺序必须保持一致。
HTML的基本结构
<!DOCTYPE
html> <!--文档类型-->
<html> <!--根标签-->
<head><!--头标签,设置字符集、标题-->
<meta charset="utf-8"><!--设置字符集-->
<title>我是标题</title><!--设置标题-->
</head>
<body> <!-- 需要显示在页面的内容,全部写在body中-->
带你装逼,带你飞
</body>
</html>
HTML注释
什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。
语法:
<!–注释文字–>
好了,以上就是今天一天的学习内容。