1. 客户端(前端)/服务端(后端)
- 客户端/前端:(html(内容)+css(样式)+javascript(交互));
- 服务端/后端:Java(管理系统),php(淘宝),Nodejs(语法是js)
- Nodejs:运行在服务端,根本语法是JS,可以让js运行在服务端;
- js可以开发桌面程序,小程序,页面等等
- 后端是一般是管理数据,为前端 客户端提供数据传输的。
2.浏览器内核
浏览器的不同是由于引擎不同(内核不同); 浏览器内核:
- Internet Explorer--->Trident
- Mozilla Firefox-->Gecko
- Opera==>Presto
- Safari/Google Chrome-->Webkit
3.数据库
- 关系型数据库:mysql,sqlServer,Oracle
- 非关系型数据库(如果是小型简单数据库,效率更高):MongoDB
4.html中head标签部分
- 标题:<title>
- 文档类型:<!doctype html>
- 注释:<!--注释-->
- 字符集:<meta charset=”utf-8”> ;gbk/gb2312
- 网站描述(给搜索引擎显示,方便介绍):
-
<meta name=”description” content=”对网站进行描述”>
-
<meta name=“keywords”content=”网站的主要内容”>
- Head标签的内容一般是给浏览器和搜索引擎看的
- 乱码的原因:meta标签的charset未设置或者文件的编码格式不对
- SEO:搜索引擎优化
- (<meta nane=”description” content=””>
-
<meta name=”keywords” content=””>)
5.小图标
- 网站标题加小图标:图标必须是以ico结尾的文件(可以在线转换)
- 并且图标的名字统一为favicon.ico
-
<link rel=”shortcut icon” href=”图标位置”>
6.body内的标签
-
标题:<h1>....<h6> 独立占一行
-
链接(锚点):可以在同一个页面跳转/跳转到不同的页面
-
跳转到不同的页面<a href=”其它页面的网址”>
-
同一个页面跳转<a href=”#id”(跳转位置的标签的id)>
-
<a href=”” target=”_black”(在新窗口打开)></a>
-
a的伪类:link visited hover active (l:v:h:t)
-
列表:(有序列表ol)<ol> <li> </li> </ol>
-
无序列表(ul)<ul><li></li></ul>
-
列表的li图标样式:List—style:disc,square,circle , url();
-
图片<img src=””(绝对路径,和相对路径/{相对于当前的文件}) alt=””(当加载图片失败时,的提示) title=””(当鼠标放在图片上时,对图片进行说明)>
-
图像可以设置宽和高,如果只设置其中一个属性,则会等比例放大;(行内块级元素)
-
表格:(应用:真的表格)
<table> <tr> <td> </td> </tr> </table>
- td,th属性:rowspan跨行/colspan跨列
-
<p>段落标签,p标签之间会有边距。<span>标签不能嵌套<div>,无意义
7.块级元素和行内元素
块级元素自己占一行,默认有宽度,没有高度 宽度如果不设置,则充满父级元素,高度不设置,则是由子元素撑开的
、
、
、
、
、
、
、
、
- 、
、
、
, 、 、 、
行内元素inline:
- 行级元素和行级元素在一行
- 不支持宽和高,是由内容撑开;支持padding和左右margin;不支持margin上下;
- 行级元素转换为块级元素display:block(块级元素);inline(行内元素);none; inline-block(行内块级元素,又能设置宽和高,又能在一行显示);
8.URL 统一资源定位符
- scheme://host.domain:port/path/filename
- scheme - 定义因特网服务的类型。最常见的类型是 http
- host - 定义域主机(http 的默认主机是 www)
- domain - 定义因特网域名,比如 w3school.com.cn
- :port - 定义主机上的端口号(http 的默认端口号是 80)
- path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
- filename - 定义文档/资源的名称
- Scheme
-
- http 超文本传输协议 以 开头的普通网页。不加密。
-
- https 安全超文本传输协议 安全网页。加密所有信息交换。
-
- ftp 文件传输协议 用于将文件下载或上传至网站。
-
- file 您计算机上的文件
9.html中嵌入CSS的方法
- 内联样式:在标签中写属性style=“”;
- 内部样式在<head>标签中写入<style type=”text/css”></style>
- 引入外部样式:<link type=”type/css” href=”.css” rel=”stylesheet”
10.小知识点
- ul自带左内边距padding
- 目录:./当前的目录;../上一级目录
-
<p>标签默认有16px的上下边距
- a的伪类:link visited hover active (l:v:h:t)
- 在div行级元素中,对于字母之间如果没有空格,则元素不会自动换行;而中文会自动换行