一、简单了解
网页最主要由3部分组成:结构、表现和行为。网页现在新的标准是W3C,目前模式是HTML、CSS和JavaScript。
1、HTML是什么
HTML的全称为超文本标记语言(Hyper Text Markup Language),是一种标记语言。
2、css是什么
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。
3、JavaScript是什么
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
前端技术最核心的是HTML、CSS和JavaScript。前端技术除了HTML、CSS和JavaScript这三种,还需要学习Ajax、SEO等
4、Ajax
Asynchronous Javascript And XML(异步JavaScript和XML)用来描述一种使用现有技术集合的‘新’方法,包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest
使用Ajax技术网页应用能够快速地将增量更新呈现在用户界面上,而不需要重载(刷新)整个页面,这使得程序能够更快地回应用户的操作。
5、SEO
seo是一种网站优化技术,也被叫做搜索引擎优化,可以利用搜索规则提高网站上有关搜索的自然排名。
主要表现为微博热搜控榜等。通过seo技术,可以实现一系列的商业行为,对产品品牌进行宣传收益。SEO,就是为了我们的网站能排在搜索结果的前面,这样你的网站才会有流量。
二、基础内容
学习HTML就是学习各种标签
1、简单了解
<!DOCTYPE html>
<!--<!DOCTYPE>声明有助于浏览器中正确显示网页。-->
<html lang="en">
<head>
<meta charset="UTF-8">
<!--
meta标签描述了一些基本的元数据。
通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
-->
<title>Title</title>
<!--网站title标题-->
<!--
头部head,
可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
-->
</head>
<body>
<!--
body 元素定义文档的主体,
body 元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。)
-->
</body>
</html>
- title标题
<title>我的网页</title>
- meta元素定义关键词
<meta name="js" content="HTML, CSS, XML, XHTML, JavaScript">
- style定义css
<style>
.myCss{
background-color: #123456;
text-align: center;
}
</style>
使用
<body>
<h1 class = "myCss">你好</h1>
</body>
- link链接外部css/js
<link rel="stylesheet" href="../CSS/01.css">
- script定义脚本语言
<script>
'use strict';
alert('Hello');
</script>
2、基础标签
<h1>你好</h1>
<p>这是一个段落</p>
<p>这也是一个段落</p>
<hr>
HTML5是构建Web内容的一种语言描述方式。<br>HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式,被认为是互联网的核心技术之一。<br>HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。
HTML空格“  ;”
3、列表、表格标签