diff --git "a/\344\275\225\345\230\211\346\200\241/20240904-\347\274\226\350\276\221\347\254\224\350\256\260.md" "b/\344\275\225\345\230\211\346\200\241/20240904-\347\274\226\350\276\221\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..c03da48769041f30463b6135923569e69f885e45 --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240904-\347\274\226\350\276\221\347\254\224\350\256\260.md" @@ -0,0 +1,18 @@ +## 编辑笔记 + +#### 远程班级仓库 ---->(fork) 远程个人仓库 ---->(clone) 本地仓库 +#### 本地仓库 ---->(push) 远程个人仓库 ---->(pull request) 远程班级仓库 + +### 创建文件 +文件名.md + +```html +

:定义标题,

是最高级别的标题。 +

:定义段落。 +:定义粗体文本。 +:定义斜体文本。 +:定义删除线文本。 +

:块级元素,用于分组其他元素。 +``` +#### 链接和图像: +```html diff --git "a/\344\275\225\345\230\211\346\200\241/20240905-web\345\237\272\346\223\215\345\217\212git\345\237\272\346\223\215.md" "b/\344\275\225\345\230\211\346\200\241/20240905-web\345\237\272\346\223\215\345\217\212git\345\237\272\346\223\215.md" new file mode 100644 index 0000000000000000000000000000000000000000..728eff4652a3a0aa06b4bbe6924fe669b122315f --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240905-web\345\237\272\346\223\215\345\217\212git\345\237\272\346\223\215.md" @@ -0,0 +1,41 @@ +## web基操及git基操 + +### web 全球广域网(万维网) +web是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。 +### web表现形式 +超文本、超媒体、超文本传输协议 +### web特点 +图形化、与平台无关、分布式、动态的、交互的 +### web标准 +结构标准 html 对网页元素进行整理、分类 +表现标准 css 设置网页元素版式、颜色、大小等 +行为标准 js 定义网页交互和行为 +### web前端 +html 超文本标记语言 +css 层叠样式 +js + +w3c 万维网联盟组织 + +### 网页 +网页: 文字、图像、超链接、音频、视频、flash +网页的类型 +通常我们看到的网页,都是以 htm 或html后缀结尾的文件,俗称 HTML文件。 +不同的后缀,分别代表不同类型的网页文件,例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。 +### JS +#### JavaScript(简称“JS”) +js是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。 +虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中. +JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。 +### JS主要功能 ++ 嵌入动态文本于HTML页面。 ++ 对浏览器事件做出响应。 ++ 读写HTML元素。 ++ 在数据被提交到服务器之前验证数据。 ++ 检测访客的浏览器信息。 控制Cookies,包括创建和修改等。 ++ 基于Node.js技术进行服务器端编程。 +******** +插入网页链接 +#### < a href="网址" target="-blank">链接备注文字< /a> 跳转一个新网页 +#### target="-parent" +******** \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\200\241/20240909-html\346\240\207\347\255\276.md" "b/\344\275\225\345\230\211\346\200\241/20240909-html\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..a41ddced44d75ecbac47ad8b9c7b7534d68d83eb --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240909-html\346\240\207\347\255\276.md" @@ -0,0 +1,18 @@ +## html标签 + +#### 标题标签 ++ < h1 >~< h6 > 具有align属性 ++ align:right、center、left + +#### html注释 ++ < !-- 内容 -- > ++ 快捷方式:ctrl+k+c / ctrl+/(?) + +#### 段落标签 ++ < p > 具有align属性 (换行) + +#### (文字、图片)文本级标签:p、span、a、b、i、u、em ++ span不换行 +#### 容器级标签:div、h系列、li、dt、dd ++ div换行 + diff --git "a/\344\275\225\345\230\211\346\200\241/20240911-html\346\240\207\347\255\276\350\277\233\351\230\266\347\211\210.md" "b/\344\275\225\345\230\211\346\200\241/20240911-html\346\240\207\347\255\276\350\277\233\351\230\266\347\211\210.md" new file mode 100644 index 0000000000000000000000000000000000000000..19fc50a283a5b28fab616984b0bcd21b1b0f4eac --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240911-html\346\240\207\347\255\276\350\277\233\351\230\266\347\211\210.md" @@ -0,0 +1,40 @@ +## html标签进阶版 + +#### 字体标签 +< font >.< b >.< u >.< sup >.< sub > +#### 超链接 +< a > +< a href="#top">回到页面顶部 +< title >包含< a >中,鼠标悬停提示 +#### 图片 +< img src="图片地址" alt="图片不显示时文本" title="鼠标悬停时文本" width="宽"> + +< sub >下标 H< sub >2< /sub >O +< sup >上标 2< sup >10< /sup > 2的10次方 + +#### 转义字符 +   ; 空格 + < ; 小于号< + > ; 大于号> + & ; 符号& + &quto ; 双引号“” + &apos ; 单引号'' + + < u > 下划线 + < s >/< del > 中划线 + < i > 斜体 + < em > 斜体 + < b >/< strong > 加粗 + + #### class和id标签 + < style > + #id标题{ + text-decoration:underline;(下划线) + } + < /style > + < body > + < span id="id标题">内容< /span > + < /body > + + ps:class就是将#换成. + diff --git "a/\344\275\225\345\230\211\346\200\241/20240914-padding\343\200\201margin\346\240\207\347\255\276.md" "b/\344\275\225\345\230\211\346\200\241/20240914-padding\343\200\201margin\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..a8c2887d78cc9c128cfb0f78f41fdc7458b5b191 --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240914-padding\343\200\201margin\346\240\207\347\255\276.md" @@ -0,0 +1,35 @@ +## padding\margin标签 + +#### 可能的值 +值 说明 +auto 设置浏览器边距。(这样做的结果会依赖于浏览器) +length 定义一个固定的margin(使用像素,pt,em等) +% 定义一个使用百分比的边距 + +### padding(margin同理) +padding 使用简写属性设置在一个声明中的所有填充属性 +padding-bottom 设置元素的底部填充 +padding-left 设置元素的左部填充 +padding-right 设置元素的右部填充 +padding-top 设置元素的顶部填充 + +### 书写方位(padding同理) +margin属性可以有一到四个值。 + +margin:25px 50px 75px 100px; +上边距为25px +右边距为50px +下边距为75px +左边距为100px + +margin:25px 50px 75px; +上边距为25px +左右边距为50px +下边距为75px + +margin:25px 50px; +上下边距为25px +左右边距为50px + +margin:25px; +所有的4个边距都是25px \ No newline at end of file diff --git "a/\344\275\225\345\230\211\346\200\241/20240918-\350\241\250\346\240\274\343\200\201\350\241\250\345\215\225\346\240\207\347\255\276.md" "b/\344\275\225\345\230\211\346\200\241/20240918-\350\241\250\346\240\274\343\200\201\350\241\250\345\215\225\346\240\207\347\255\276.md" new file mode 100644 index 0000000000000000000000000000000000000000..d24848a6ed519fbeba939e733b531c027bc1b437 --- /dev/null +++ "b/\344\275\225\345\230\211\346\200\241/20240918-\350\241\250\346\240\274\343\200\201\350\241\250\345\215\225\346\240\207\347\255\276.md" @@ -0,0 +1,96 @@ +## 表格、表单标签 + +### 表格 +< table > +< caption >表格标题< /caption > +< tr >同一行 + < th >第一个< /th > + < th >第二个< /th > + ... +< /tr > +< /table > + +< style > +#### 给表格添加边框 +tr,td,th,table{ + border:1px solid; + 去掉边框内细胞线(内框):border-collapse:collaspe; +} + +#### 表格内容文字居中 +th,td{ + 设置表格宽:width + 文字居中:text-align:center +} + +#### 字体大小 +font-size:100px/large + +#### 字体深浅 +font-weight + +#### 鼠标悬停 +tr:hover{ + background-color: + font-size: +} + +#### 合并 +同行:< th colspan="2">< /th > +同列:< th rowspan="2">< /th > + +### 表单和输入 +HTML 表单用于收集用户的输入信息。 + +HTML 表单表示文档中的一个区域,此区域包含交互控件,将用户收集到的信息发送到 Web 服务器。 + +HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。 + +以下是一个简单的HTML表单的例子: + +
元素用于创建表单,action 属性定义了表单数据提交的目标 URL,method 属性定义了提交数据的 HTTP 方法(这里使用的是 "post")。 +