Web前台开发基础

学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。

下面我们就来了解下这三门技术都是用来实现什么的:

1. HTML是网页内容的载体

内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。

2. CSS样式是表现

就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。

所有这些用来改变内容外观的东西称之为表现。

3. JavaScript是用来实现网页上的特效效果

如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变

。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

认识html文件基本结构

这一节中我们来学习html文件的结构:一个HTML文件是有自己固定的结构的。

<html>
    <head>...</head>
    <body>...</body>
</html>

代码讲解:

1. <html></html>称为根标签,所有的网页标签都在<html></html>中。

2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title><script>、 <style><link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。

3. 在<body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。


你可能感兴趣的:(Web前台开发基础)