Skip to content

Instantly share code, notes, and snippets.

View Smalladragon's full-sized avatar

肖龙 Smalladragon

15 followers · 16 following
  • 河南省邓州市
View GitHub Profile
@Smalladragon
Smalladragon / 新的旅程
Last active January 15, 2019 08:43
新的开始
![93a9d7d5c6e8aa005473d5c47bc8ee48.jpg](data:image/jpeg;base64,/9j/4QAwRXhpZgAASUkqAAgAAAABADEBAgAOAAAAGgAAAAAAAAB3d3cubWVpdHUuY29tAP/bAEMAAwICAwICAwMDAwQDAwQFCAUFBAQFCgcHBggMCgwMCwoLCw0OEhANDhEOCwsQFhARExQVFRUMDxcYFhQYEhQVFP/bAEMBAwQEBQQFCQUFCRQNCw0UFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFP/AABEIAMgAyAMBEQACEQEDEQH/xAAfAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgv/xAC1EAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+fr/xAAfAQADAQEBAQEBAQEBAAAAAAAAAQIDBAUGBwgJCgv/xAC1EQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP0u6VznShhcZ6ZoKGmbk9aBWASBlPQ/hSCwEg9wfqKYxjxgnon5UCIXtskYKj2p3E0NW2AYDJP0obDlBrVGPJIN
@Smalladragon
Smalladragon / 网站
Created January 16, 2019 01:12
网站，网页，制作网站的流程~~~
**网站 网页**
**网站**是构成web的基础，网站（Website），就是指在万维网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页集合，同时也是构成web的基础。
**网页**是网站中的一页，是构成网站的基础。*网页是构成网站的基本元素(网页是网站的一页)*，就是:网站就是由网页组成的。
**文字**与**图片**是构成网页的两个最基本元素。简单的理解为:文字就是网页的内容，图片就是网页的美观。除此之外，还有动画，音乐，程序等等元素。
**制作网站的流程**
主要有两个大的方面:前端和后端
**前端**又包括:美工设计，页面布局美化，创建动态的HTML页面，网站更加具有动感，有魅力，吸引更多浏览者
**后端**包括:后台程序的建设，数据库建设，服务器的选择
@Smalladragon
Smalladragon / HTML基本概念
Last active January 16, 2019 01:40
2
**HTML(Hyper Text Markup Language,超文本标记语言)**
完整的HTML文件包括标题，段落，列表，表格，以及各种潜入对象，这些对象统称为HTML元素。
一个HTML文件的基本结构如下：
![截图20190116092628.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA5gAAAHJCAIAAABv5wGRAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4AeydCXxMV/vH78xkMtlFZCISiRCSkCa2iCWKKIkora2opZSkb6NE9EVstbS24K0UpX+RvtSu1tcSVAUV0qDWICGiIcgiYSbLLJmZ/7n7vbMkE4TQ5358Muee85znnPudifzmuc85V6DT6TA4gAAQAAJAAAgAASAABIDA20ZA+LZNGOYLBIAAEAACQAAIAAEgAARwAiBk4XMABIAAEAACQAAIAAEg8FYSACH7Vr5tMGkgAASAABAAAkAACAABELLwGQACQAAIAAEgAASAABB4KwmAkH0r3zaYNBAAAkAACAABIAAEgAAIWfgMAAEgAASAABAAAkAACLyVBEDIvpVvG0waCAABIAAEgAAQAAJAAIQsfAaAABAAAkAACAABIAAE3koCIGTfyrcNJg0EgAAQAAJAAAgAASAAQhY+A0AACAABIAAEgAAQAAJvJQEQsm/l2waTBgJAAAgAASAABIAAEAAhC58BIAAEgAAQAAJAAAgAgbeSAAjZt/Jtg0kDASAABIAAEAACQAAIgJCFzwAQAAJAAAgAASAABIDAW0kAhOxb+bbBpIEAEAACQAAIAAEgAARAyMJnAAgAASAABIAAEAACQOCtJABC9q1822DSQAAIAAEgAASAABAAAiBk4TMABIAAEAACQAAIAAEg8FYSACH7Vr5tMGkgAASAABAAAkAACAABELLwGQACQAAIAAEgAASAABB4KwlYvJWzhkkDgXeFgKLkyTMluhiRbQOpvfiVXpXswZ1iOw+v+las
@Smalladragon
Smalladragon / HTML基本标签
Last active January 16, 2019 10:22
3
**HTML语法**
**标签** : 标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束。
结束标记一定要以“/”结束，引号必须使用“”，标签之间不能交叉嵌套。
**属性** : 必须放在开始标签里面，属性可以为标签提供更多样化的特性。
**元素** : 开始和结束标签连同包含在他们之间内容，我们通常叫做元素。
**HTML头部标签head**
@Smalladragon
Smalladragon / HTML标签
Created January 16, 2019 10:24
4
![4.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7cAAAKRCAYAAACP5l6cAAAgAElEQVR4nOzdB3wUdf4//hdfjOt9vVDUYIkgGKqRKkYwHhgEYigKyIFSTvwSUJDqEbqKQqSEo5/xDCBqREHaSZMckkMpCihFigkEODAIRFrQPyXnb/773mQ3s7O7s7MtyeDreY89ye7szGfqzns+n8/7U06xAhEREREREZGJ/U9pF4CIiIiIiIgoUAxuiYiIiIiIyPQY3BIREREREZHpMbglIiIiIiIi02NwS0RERERERKbH4JaIiIiIiIhMj8EtERERERERmR6DWyIiIiIiIjI9BrdERERERERkegxuKejOnTtXKt8lIiIiIqLfr5tKuwB2W7ZswYEDB7B3717s3LkTn3/+OW6//fbSLlbQyHrl5uZi//792LRpE3bs2IH09HS0a9eu1Mo0btw4fPvtt24/mzp1Kho2bOjT/CQwnTFjBlJTU7Fr1y7cf//9Pn+/Vq1aePbZZ/Hiiy/6vPySoLfNRJ8+fWzl9+To0aM+bxdPnnzySbfvP/TQQ0hOTg7KMsqCdevWYc6cOR4/79y5s+148Zf9uLtw4YLbz+VcGDlypN/zJyIiIqKSUSrBrdzg/+tf/3IEshIIaS1btiygG9bS9o9//AMnTpywBUIbNmxwO82aNWtKNbjVK9v48eN9mpfsy2eeeQY5OTm2v7t37+7zA4oFCxbYAgwJjuUVHx+PIUOGlOo20tLbZqJVq1YeP5PA+K233sLHH3+sGwAbpVeOG4kcA/bjyp233347oPnLtchTYCu6du0a0PyJiIiIqGSUSnB7+fJlvPTSS7rTzJ8/39TBbUpKiu4NucjIyCih0oTWtGnTMGrUKKf35IHFq6++ajjwkAce2nlI8CavqKgoW81dWQhyK1Wq5PN3ZN0k2Lc/xHnuueds/w1GgHuj++STT3TPI9mugdaE6z3IGTBgQNBq2omIiIgotEoluJXmphKw
@Smalladragon
Smalladragon / 统一资源定位符
Created January 29, 2019 05:40
5
# 统一资源定位符 #
URL（Uniform Resource Locator）统一资源定位符由四个部分构成: 协议名、主机名、文件夹名（路径） 和 文件名。
![11.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABNYAAADuCAIAAAB6cR07AAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAgAElEQVR4AeydCVxU1f7AL8s47CgyKCKIoCCoKIqIUhiVKKalPkNzeVYu79mrpJ5aLiWVS2b/wuXpe6mlT8UlU0tTcXkkiSKiIMrOALLIMgjCsA0j8j93v3fmzjADA6L++Phx7j3L75zzPcs9v3PO/V2jlpYWDP6AABAAAkAACAABIAAEgAAQAAJAAAh0PAHjjk8CUgACQAAIAAEgAASAABAAAkAACAABIIATABUU2gEQAAJAAAgAASAABIAAEAACQAAIdBIBUEE7CTQkAwSAABAAAkAACAABIAAEgAAQAAKggkIbAAJAAAgAASAABIAAEAACQAAIAIFOIgAqaCeBhmSAABAAAkAACAABIAAEgAAQAAJAAFRQaANAAAgAASAABIAAEAACQAAIAAEg0EkEQAXtJNCQDBAAAkAACAABIAAEgAAQAAJAAAiACgptAAgAASAABIAAEAACQAAIAAEgAAQ6iQCooJ0EGpIBAkAACAABIAAEgAAQAAJAAAgAAVBBoQ0AASAABIAAEAACQAAIAAEgAASAQCcRABW0k0BDMkAACAABIAAEgAAQAAJAAAgAASAAKii0ASAABIAAEAACQAAIAAEgAASAABDoJAJdUQVVplw4ly1XtoGAsrFRx2ipMVHX25ZGG7IFUYAAEAACQAAIAAEgAASAABAAAkAAJ9AVVdCkE3NCPWx6Dpm+4cTt+4361FPBgVdRtFW7/2hNu8xP+GpOgIeNtcOI6RuOpz3QJw0ICwSAABAAAkAACAABIAAEgAAQAAJtJNAFVdCU2EMyVBp56pWMRzZ2ZnoWTJ5
@Smalladragon
Smalladragon / 图片和图片的超链接
Last active January 29, 2019 05:53
6
# 图片标签img #
单标签
属性:
src 表示“源”的意思。“src”属性的值是所要显示图像的URL。
width 宽度
height 高度
alt 给图像显示一个“交互文本”。 一般用于图片加载失败时的文本提示。
title：鼠标移过时显示的文字（对SEO有帮助）
border： 给图片加一个边框
@Smalladragon
Smalladragon / 表格
Last active January 29, 2019 06:13
7
# 表格的结构 #
![21.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzEAAAGBCAYAAABWwz/cAAAgAElEQVR4nOy9CZgdV3nn/VbdrXe1LEuWLYyNcewEjAOELRA24xAmA2SBJ0MSnEmGhID5CCEQQpIhLMMw5HEgG0uACfB8IYGQ8Mw3YTGQBLAxJoDBZjG2MXjHliVbstTq9d6q+s7/nPNWnaq+t/u21Orbt/v/k8u3bq2nTtWV3n+9y4kygxBCCCGEEELIkBAPugGEEEIIIYQQshYoYgghhBBCCCFDBUUMIYQQQgghZKion+wTIOVGp5XWYUqz1CwUO2Xili0stiVJEomiSGq1msSx0134xDKzkf2M/HIsqhKJP2ym37N8u67tkiifk6xYumwun4n81+BYmVuMtmV68ijKV+G8XZrqryHK2+U+M9MHqe2HdrsjaZravqjVYrsOy2ZmZuXIkQdkcXFRUrNdmprJ7NOxU2L31WNi/8Ruk0m9XpORkREZHR2VyclJGR8fM99HpdFo2ONrW9B0s5vfLym1E98jf21Jkkmn0zFtatvzFNsU84lvD76PjY35/dwyPa7e37Dd1XU4pl6PzmOdng9Tx7Sjk3Rkaaktc3NzMnPsmPmclwMHD8oDR4/I7OyszM/P232mpiZNfzRsm3ZMTcn0jh12mpyYsP0xZvqo1WpJ00zoG9yDer1uzonnMsrbpzcZ/ZKkHcnSLL+OJO/71O6H/XFv0Wf63ON34K7ZPd+pmRYXFqReq8ukaePExLjdr9ls+PPHdtOkk5hn4KjcccedctcPfyhN0+YRcy3jpt2j5h6j3bgO7T+cw57XkB/HnB/HxXqswyeuGc8ItrG/NdvPbh/3HNbc8uCehPcrfJ71/sX577XXr4AQQgghpDcnXcSsRmjERFnkhIBXHc6ozXJDKDRgdZKSCMEy/72iTdyRI3HKQjfI8rWuLXo4lT1RoIrSXHRE9mgqWqJguT915q4hi9z5sizVFbkR
@Smalladragon
Smalladragon / 表格的背景
Created January 29, 2019 06:17
8
# 表格的背景 #
表格的背景颜色属性bgcolor是针对整个表格的，bgcolor定义的颜色可以被行、列或单元格定义的背景颜色所覆盖。
![26.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABJYAAAFtCAYAAABV+uAOAAAgAElEQVR4nOzdCZwT5fkH8F+yJ8IKHou2iMWioKVKUWtRrLhWQTxaqRYVxQuxxYqiFfGsqxUvbMXjL60o1opWbSu2WChUQakKKopSEUERlKICgnLvbnZ3/s/zTpZNJu8kk0n2QH7fT1PZZDJ5Z+ad93jmnXcijgAREREREREREVGWoi2dACIiIiIiIiIi2j4xsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEwsERERERERERERKEUtnQCiIhoO/Xl50B1wt8FbYHyssa/N3wAzF2W/J19egP77dwsyWsxsY3A2s3AqpWyvYcArWJz1wGz5wFV8s+9DwI66HsFwG7lQFELJ42IiMKp+hL4Kqki9pTrG4BX5gKbExZpuw/QZ7/mSyNlEAPenCXthsT3pIve8xhgj3ysX9oiMxYmv9WxB/C9TsFXke/23Mq3gYWrk9/r0Q/IIkm+6cp22yh
@Smalladragon
Smalladragon / 表单
Created February 12, 2019 06:01
9
# 概念 #
表单:是Web浏览器和Web服务器进行通信的最常用的手段，即通过表单，浏览器不仅能从Web服务器中获得信息，而且还能向Web服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。
采用何种方式将表单中的数据传送到服务端？
Get 缺点：安全性低，以明文的方式提交，传输数据上限是1M.优点是速度快。
Post 缺点：速度慢。优点：数据上传在媒体文件中，安全性高，默认上限5M。
# 表单控件 #
![1.png](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsMAAAFeCAYAAABgnBJCAAAgAElEQVR4nOx9B2AcxfX+t3en4m7cCy5YwrhTDTZSACmEUE1xGvknsQEpQDDhFGJCAgaCQyChSCQmECR+sVNIIIEkTgDTJEgkDBiwjS1DQAJjG2PcwU3l7vY/b3Zmb261e3eSTjpZms9e3ZbZ2dnZKd+8efOeYTJAQ0NDQ0NDQ0NDowfCl+4EaGhoaGhoaGhoaKQLmgxraGhoaGhoaGj0WGgyrKGhoaGhoaGh0WOhybCGhoaGhoaGhkaPhSbDGhoaGhoaGhoaPRaaDGtoaGhoaGhoaPRYaDKsoaGhoaGhoaHRY6HJcBJoiynmRPeky7yzfG4yz/cK0xH50VOQinxIVV62J56u8j3TXY/SFZfbPa2NRw2f7u/ZnrS3N6623hPvvs5uI1OZjnTfm0qk4juk810O5/atK+VjMtBkOB4Mg2/79+9P/kMq90QikdTEKdCuDpA9M3zssTB8vvjpi5fGjsiPFCHVnVnK09GO797eOFqEbU9aUvEecdCWctWpjW4q378d9engwYPRe1objwh/4MCBDq2frUlL0s+P965teZe2vn8HtZHtqY8x6U82TtEvHDp0KHGcHf0u7UCqy4LzuNMHv128fUtUpmLiSFOZaC00GU4CH374IfuWRovzboV0/759fL9f//68w2rRQDG8unIldu7cGRuZKDDxtpjC1IYC1tDQgDWrV8ekL969Xu+9ceNG1/NOuOVHwrQ