1、前端开发最核心技术
我们知道,用所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。
前端开发最核心的3个技术
(1)HTML是什么?
HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言。
(2)CSS
CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS。
(3)JavaScript
JavaScript是一门脚本语言。
2、HTML
HTML的基础结构
<!DOCTYPE html> <!--html声明-->
<html>
<! --html标签 网页根标签-->
<!--绝大多数标签都是成对出现的 头标签 尾标签-->
<head> <!--head子标签-->
<meta charset="utf-8"> <!--单标签 告诉浏览器,使用UTF—8字符集解析该文件-->
<title></title>
<head>
<body></body>
</html>
HTML中常见的标签
<p></p>标签:
作用:一个块级元素,定义一个段落
<i></i>标签:
作用:定义斜体字
<div></div>标签:
表示分割、分区,一个div独占一行,可以想象成一个大盒子
<span></span>标签:
作用:表示跨距、跨度,一行可以放多个span是一个小盒子
<img>标签:是一个单标签,负责定义图像
src属性:指图像的地址路径
alt 属性:用来为图像定义一串预备的可替换的文本。
<video></ video >标签:
作用:定义视频(video 或者 movie)
src属性:播放的视频的路径地址
HTML中常见的语义化标签
行内元素HTML标签
<i></i>:定义斜体字
<span></span>:表示跨距、跨度,一行可以放多个span是一个小盒子
块级元素HTML标签
<video></ video >:定义视频(video 或者 movie) (H5新增)
<div></div>:表示分割、分区,一个div独占一行,可以想象成一个大盒子。
<p></p>:定义一个段落
<img>:是一个单标签,负责定义图像