软件主要分C/S和B/S两种架构。
我们学习的是B/S的软件开发。
B/S架构中的B代表browsers(浏览器),S代表server(服务器)。
B/S架构的软件通过访问一个网页的形式使用,并将一些运算等操作放到远端服务器上。如京东,淘宝,铁路12306等都是此类架构。
前端学习的主要内容:
W3C标准:结构(HTML),表现(CSS),行为(JavaScript)。
HTML用于描述页面结构。
CSS用于控制页面中元素的样式。
JavaScript用于响应用户操作。
一个最基本的HTML页面如下:
<!DOCTYPE>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
标签
HTML中的标记指的是标签。
HTML使用标记标签来描述网页。
结构如下:
<标签名>标签内容</标签名>
<标签名/>
元素
一个完整的标签就是元素。
元素等同于一个标签。
<h1>一级标题</h1>
上边的h1就称为元素。
<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素,p是em的父元素。
<body>
<p><em>内容</em></p>
<body>
body也是一个元素。
body是p和em的祖先元素。
p和em是body的后代元素。
属性
HTML标签可以设置属性。
通过属性可以给HTML元素提供附加消息。
属性要设置在开始标签或自结束标签中。
属性要以名称/值对的形式出现。
有些属性可以是任意值,但有些必须是指定值。
<h1 title="我是一个标题">标题</h1>
<img src=""alt="" />
注释
HTML中注释的内容不会在出现在网页中显示。
格式:
合理的注释可以帮助开发人员理解网页的代码。
注释不能嵌套。
html5文档声明:
<!DOCTYPE html>
浏览器解决字符集解析问题:
<meta charset="utf-8" />
<meta>标签可提供有关页面的 元信息,标签位于文档的头部,标签的属性定义了与文档相关的名称/值对。
<html>标签告知浏览器此文档信息是用HTML编写的。
所有网页内容都要写到html标签中,一个页面只能有一个html标签,html标签中要有head,body两个子标签。
<head>标签用于表示网页的元数据,head标签作为html标签的子元素出现,一个网页中只能有一个head。
<title>标签表示网页的标题,一般在网页的标题栏上显示。
title标签要紧贴着head标签编写,方便标题标签的检索。
网站中多个页面的title不可以重复,这样不利于搜索隐藏检索。
<body>标签用于设置网页主体,所有在页面中能看到的内容都要编写到body标签中。body标签作为html的子标签使用。
<h1><h6>都是网页中的标题标签,用于表示网页中的一个标题,但从h1h6重要性越来越低。
标题标签的重要性仅次于title。
一般标题标签只会用到h3,h3以后的标题标签对于引擎的搜索意义不大。
一个页面只会使用一个h1标签。
<p>标签表示网页中的一个段落。
<br />标签表示一个换行标签。
<hr />标签表示水平线标签。
<img />表示图片标签。
字符实体
小于号<-<
大于号>->
空格-
和符号&-&
版权-©
引号-"
注册商标-®
商标-™