HTML:小总结

向右看齐 2022-01-13 10:04 216阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

### **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=””(当鼠标放在图片上时，对图片进行说明)>
 *  图像可以设置宽和高，如果只设置其中一个属性，则会等比例放大；（行内块级元素）
 *  表格：（应用：真的表格）

*  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 超文本传输协议 以 http:// 开头的普通网页。不加密。
 *   *  https 安全超文本传输协议 安全网页。加密所有信息交换。
 *   *  ftp 文件传输协议 用于将文件下载或上传至网站。
 *   *  file 您计算机上的文件

### **9.html中嵌入CSS的方法** ###

1.  内联样式:在标签中写属性style=“”；
2.  内部样式在<head>标签中写入<style type=”text/css”></style>
3.  引入外部样式：<link type=”type/css” href=”.css” rel=”stylesheet”

### **10.小知识点** ###

*  ul自带左内边距padding
 *  目录：./当前的目录;../上一级目录
 *  <p>标签默认有16px的上下边距
 *  a的伪类：link visited hover active (l:v:h:t)
 *  在div行级元素中，对于字母之间如果没有空格，则元素不会自动换行；而中文会自动换行

--------------------

转载于:https://my.oschina.net/u/4045971/blog/3015729

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/f14b566a94b349afa87655236d89eef6.png