博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML:小总结
阅读量:6111 次
发布时间:2019-06-21

本文共 2438 字,大约阅读时间需要 8 分钟。

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=””(当鼠标放在图片上时,对图片进行说明)>

  • 图像可以设置宽和高,如果只设置其中一个属性,则会等比例放大;(行内块级元素)

  • 表格:(应用:真的表格)

<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的方法

  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

你可能感兴趣的文章
UITableView的UITableViewStyleGrouped
查看>>
ecshop中getAll ,getOne ,getRow的区别
查看>>
Apple 企业开发者账号申请记录
查看>>
ecshop后台权限增加
查看>>
C#装饰者模式实例代码
查看>>
ASP.NET MVC显示异常信息
查看>>
第 9 章 MySQL数据库Schema设计的性能优化
查看>>
前nginx后Apache+Node反向代理
查看>>
Web前端开发十日谈
查看>>
关于jsp页面乱码写得好的一篇文章
查看>>
Linux 基础知识
查看>>
写了一个采集的类,个人感觉不错,代码普通,但灵活性高
查看>>
collector v1.02采集核心代码版本升级中
查看>>
ddns动态域名解析系统
查看>>
Spring Data Redis 2 之消息订阅
查看>>
luov之SMTP报错详解
查看>>
软件概要设计做什么,怎么做
查看>>
dwr
查看>>
java的特殊符号
查看>>
word2010中去掉红色波浪线的方法
查看>>