HTML:小总结

时间 2019-11-13

标签 html 总结栏目 HTML 繁體版

原文原文链接

1. 客户端（前端）/服务端（后端）

客户端/前端：(html(内容)+css(样式)+javascript(交互));
服务端/后端：Java(管理系统),php(淘宝)，Nodejs（语法是js）
Nodejs：运行在服务端，根本语法是JS，能够让js运行在服务端；
js能够开发桌面程序，小程序，页面等等
后端是通常是管理数据，为前端客户端提供数据传输的。

2.浏览器内核

浏览器的不一样是因为引擎不一样（内核不一样）；浏览器内核：javascript

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=”对网站进行描述”>php
<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=”图标位置”>css

6.body内的标签

标题：<h1>....<h6> 独立占一行html
连接(锚点):能够在同一个页面跳转/跳转到不一样的页面前端
跳转到不一样的页面<a href=”其它页面的网址”>java
同一个页面跳转<a href=”#id”（跳转位置的标签的id）>mysql
<a href=”” target=”_black”（在新窗口打开）></a>sql
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.块级元素和行内元素

块级元素本身占一行，默认有宽度，没有高度宽度若是不设置,则充满父级元素，高度不设置，则是由子元素撑开的

<div>
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>、
<hr>
<ol>、<ul>、<li>、
<p>、
<table>、<th>，<td>、<tr>
<tbody>、<tfoot>、<thead>

行内元素inline：

行级元素和行级元素在一行
不支持宽和高，是由内容撑开；支持padding和左右margin;不支持margin上下；

<span>
<a>
<b>
<br>
<i>
<label>
<select>
<strong>
<sub>
<sup>
<textarea>

行级元素转换为块级元素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的方法

内联样式:在标签中写属性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行级元素中，对于字母之间若是没有空格，则元素不会自动换行；而中文会自动换行

相关文章

相关标签/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<