前段基础
前端三大块:
HTML(结构)、CSS(表现)、JS(行为)
软件架构
A : C/S 客户端/服务器 : 特点 1 软件使用前必须得安装 2 软件更新时,服务器和客户端得同时更新3 C/S 架构的软件不能跨平台使用 4 C/S 架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全
B : B/S 浏览器/服务器:特点 1 软件不需要安装,直接浏览器访问指定的网址即可 2 软件更新,客户端不用更新 3 软件可以跨平台,只要系统中有浏览器就可以使用4 B/S 架构的软件,客户端和服务器之间通信采用的是通用的HTTP协议,相对来说不安全
W3C标准 一个网页分三个部分组成
1 结构 :HTML用于描述页面的(超文本标记语言)
2 表现 :CSS负责页面的样式,美化页面
3 行为 :JAVASCRIPT负责页面的行为
HTML()超文本标记语言
文本:相当于记事本里写的文字,用于展示信息
超文本: 超越了文本仅仅展示信息的功能范畴,泛指图片、有样式的文字、点击跳转页面的文字
HTML语言的特征:
HTML代码是由头和体组成
<html>根标签
<head>中存放的都是网页的说明性内容,例如标题
HTML文件的扩展名为html或者htm
HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行
HTML标签通常由开始标签和标签组成
例如:<font>内容体
没有内容体制标签叫空标签(自结束标签)例如<br/>换行标签
HTML标签不区分大小写,建议小写
标签属性:属性名=”属性值”
HTML标签建议包裹嵌套,不建议交叉嵌套
字体标签和格式化标签
字体标签
<font>字体标签,修饰文字样式
<font 属性名=”属性值”>文字
size:大小,最小1,最大7
color:字体颜色,使用英文red,使用#ff00ab
face:字体
H5文档声明
为了避免进入怪异模式,一定要写文档声明,放在最上
2、格式化标签
<br/>换行标签
<hr/>水平线
<p></p>段落标签,划分段落,自动段前和段后有空行
align:段落内容的对齐方式
默认是left左对齐
right右
center居中
<h1></h1>标题标签
其中<h1>最大,<h6>最小
实体的语法:&实体的名字;
< <
>
空格 HTML源码中的多个空格会合并成一个,可以用 写多个空格
版权符号 ©
HTML注释
<!-- HTML注释内容-->
<img/>图片标签
src:图片的路径(必有属性)
width:图片宽度
height:图片高度
默认单位是px(像素)width="200px"
百分比设置,是父标签的百分比,是动态改变的width="50%"
<a></a>超链接标签
用于定义一个可以点击跳转的链接
href:超链接跳转的路径(必有属性)
内网本机路径:相对路径和绝对路径
互联网路径:带http://……的地址
本页:不写默认跳转到本页,相当于#
超链接要想正常工作:
a标签中必须有内容
a标签必须有href属性