训练营 day01

最新推荐文章于 2023-04-19 09:59:03 发布
最新推荐文章于 2023-04-19 09:59:03 发布
阅读量457 收藏
点赞数
分类专栏： 训练营笔记 文章标签： 日常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zbw970802/article/details/81173267
版权

今日笔记

1.什么是web前端
    1.使用浏览器访问的程序,网站
    2.网站分类:电商网站,门户网站,应用网站
    3.可执行应用程序  .exe
2.web前端代码
    1.代码分两种
        1.运行在客户端浏览器上,前端代码
        2.运行在服务器的代码,后台代码
        3.web程序,是通过前端代码和后台代码,协作完成
    2.前端代码,保存在服务器
    3.前端代码,运行在浏览器
3.前端学习体系
    1.静态页面的编写
        HTML+CSS
    2.添加的页面的功能:动效/交互/验证
        JavaScript   DOM  Jquery
    3.和服务器的交互
        server  nodeJs  ajax
    4.复杂开发--框架
        HTML5  框架技术(bootstrap angularjs nodeJs vueJs)
4.项目概述
        训练营-完成学子商城的静态首页 HTML+CSS

6.学习的难度和学习的要求
    1.打字速度 http://www.codeboy.com/dz/
         5个月后350
    2.单词    200多个单词
    3.代码量
    4.表达能力--说

--------------------------------------------
正课 html+css
--------------------------------------------
1.web的基础知识
    1.internet 互联网
         实现信息和资源的共享
    2.web前端程序就是运行在internet上的一种应用程序
        程序:数据结构+算法(代码)
        算法:用代码实现人的思想和行为
    3.web的工作原理
        1.基于浏览器和服务器还有通信协议
             来实现信息的传输和显示
        2.通信协议:http://  
        3.服务器 tomcat  IIS  apche  软件
                                    java php c++ .net
                                    nodeJS
        4.浏览器--国内没有自主研发的浏览器核心代码(内核)
             ie  Firefox   opera  chrome   safari
        5.浏览器的发展历史
            浏览器第一次世界大战  - 网景  被收购告终 - firefox
            浏览器第二次 ie退出历史舞台
2.html概述
    1.超文本标记语言 hyper text markup language
    2.特点
        1.以.html为后缀
        2.由浏览器解析执行
        3.可以嵌套脚本语言  JavaScript
        4.使用带有尖括号 <> 的标记
    3.标记
        1.什么是标记
            由尖括号包围的关键字   <div>
            每一种标记,有相应的功能
        2.分类
            1.封闭类型标记/标签/元素/节点
                 双标签
                <关键字></关键字>
                <div></div>
            2.非封闭类型
                 单标签
                 <关键字>或者<关键字/>
                 <img>
                 <meta>
            3.属性
                <关键字 属性1="值1" 属性2="值2"></关键字>
                <div  id="d1"  title=""  style=""></div>
                共有的属性
                    id class title style
            4.标签的嵌套
                <div>
                    <p></p>
                </div>
                <ul>
                    <li>
                        <a></a>
                    </li>
                </ul>
                使用tab键,写缩进,显示层进关系

            总结:学习html,就是学习不同标签关键字,及其功能
                         学习固定的属性,和嵌套关系

    3.html的标准结构
        1.声明文档类型
            <!doctype html>
            告诉浏览器,使用HTML5版本来运行这篇代码
        2.根标签
            <html></html>

            在根标签内部

            head头部--定义页面全部信息
            <head></head>
            body主体--所有页面上显示的内容
            <body></body>

4.文本标签
    1.标题元素
        hn~ <h1></h1>   <h6></h6>
        特点:
            1.h1最大,h6最小
            2.字体加粗
            3.上下有垂直空间
        属性
            align:left | center | right
    2.段落元素
         <p></p>
         特点:上下有垂直空间
        
    3.回车换行
        <br>或者<br/>
    
    4.水平线
        <hr>

    5.文本样式标签
        <i></i> <em></em> 斜体
        <u></u>                                            下划线
        <b></b><strong></strong> 粗体
        <s></s><del></del> 删除线

练习:
1.描述你的男票/女票的日常
2.描述理想中的择偶标准

作业:
1.笔记看一遍
2.所有demo敲一遍
3.html标准结构
4.使用文本标签写自己的简历

今日问题及解决

今天是第一次使用editplus这个软件，碰到了问题，改成utf-8之后页面还是乱码，尝试并查找方法后解决


    在head中添加<meta charset="UTF-8">就能解决了。 <meta charste="utf-8"> 只是告诉浏览器要用utf-8来解释，而文档的编码，是在你保存时的选择决定的。

 

苦瓜很甜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
MySQL学生综合测评系统_大学生综合测评系统的设计和实现(MySQL)
weixin_42234804的博客
01-19 3026
大学生综合测评系统的设计和实现(MySQL)(任务书,开题报告,中期检查表,毕业论文20000字,程序代码,数据库)摘 要本文详细介绍了本系统设计的基本方法、系统的需求分析、系统的架构设计和系统实现部分，以及对系统中用到的技术进行相关的介绍，对具体的模块进行相应的思路分析，并在重要部分提供相关代码进行阐释。本系统设计的是大学生综合测评系统，主要包括学生用户和管理员用户两个大模块。采用的是B/S体...
STM32Keil下编程实现蜂鸣器长鸣
hongliwong的博客
10-07 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、原理图1.STM32F103C8T62.BELL蜂鸣器二、Keil代码1.Beep.c2.Beep.h3.main.c总结 前言 基于STM32F103C8T6在Keil下编程实现蜂鸣器的长鸣 一、原理图 1.STM32F103C8T6 STM32F103C8T6是ST在2007年发布的一款MCU，截止目前ST已经发布了速度高达400MHz的STM32H7。三点好处，一是封装比较大，方便初学者焊接，二是价格低廉，学习成本
国内的几款强大的智能—AI语言模型
热门推荐
weixin_42636075的博客
04-19 68万+
强大的智能AI语言模型
(附源码)计算机毕业设计ssm高校学生综合素质测评系统
bushe902的博客
10-12 2379
项目运行环境配置：（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。项目技术：等等组成，B/S模式 + Maven管理等等。环境需要1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可4.
HTML（下）
Leprehuan的博客
06-10 864
HTML常用标签（下） 1、表格标签 1.1表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> ①<table></table>是用于定义表格标签。 ②<tr></tr>标签用于定义表格中的行，必须嵌
训练营day01
虚空掠夺者~
07-28 90
训练营day01 1. Java的安装环境的详细解释配置关系 Java的运行环境 JRE （JVM+核心类库） Java的开发工具包 JDK (Java的开发工具包) Java的底层的支撑 JVM （Java的运行环境） 大小包含关系：JDK>JRE>JVM JDK包含了全部 JRE包含了后面的JVM JVM的独立的虚拟机 注意：Java是跨平台的，但是JVM不是跨平台的 2. JRE （Java Runtiime Environment）简单来
MySQL训练营视频.zip
01-23
目录 │ day1-不同存储引擎建表语句.sql │ day1_MySQL架构与SQL执行流程-笔记.pdf │ day1_MySQL架构与SQL执行流程-课件.pdf ...│ MySQL训练营课程大纲.png └ 数据库查询优化器的艺术-原理解析与SQL性能优化.pdf
AI基础实战营Day1ppt
02-02
【AI基础实战营Day1】课程主要探讨了计算机视觉领域，并深入介绍了OpenMMLab开源算法体系。计算机视觉是一门研究如何使机器“看”并理解图像和视频内容的科学。这一领域的应用广泛，从日常的微信扫一扫识物功能，到...
8天高强度Python训练营day5-8天课件.zip
09-29
标题"8天高强度Python训练营day5-8天课件.zip"表明这是一个关于Python编程的训练营课程资料，涵盖了从第五天到第八天的学习内容。这通常意味着课程已经深入到了中级阶段，学员可能已经在前四天掌握了Python的基础...
8天高强度Python训练营day1-4天课件.zip
最新发布
05-07
在"8天高强度Python训练营"的第一到第四天课程中，学员们将深入学习Python的基础知识。 1. **变量与数据类型**：Python中的基本数据类型包括整型（int）、浮点型（float）、字符串（str）和布尔型（bool）。此外，...
基于STM32的烟雾传感器(MQ-2)数据监测
04-28
本代码是基于STM32F407系列单片机，主要是通过配置ADC采样，获得MQ-2的数字量，从而达到监测的效果。
仿新闻页面
08-08
新闻静态页面，html+CSS 源代码，阿萨斯的啊实打实啊实打实
新视野大学英语读写教程4册的课后习题答案
03-23
新视野大学英语读写教程4册的课后习题答案。。。。。。。。。。。。。。。。。。。。。。
合工大java实验报告
06-09
合肥工业大学java实验报告设计一个简单的图形化界面计算器程序，实现两个实数的四则运算。 2．创建2个文本字段，用于输入操作数；创建1个不可编辑的文本字段，用于输出运算结果；创建4个按钮，用于输入运算符。 3．对按钮出发动作进行处理。 4．将前面创建的组建添加到框架中，合理布局，给文本字段加上说明。
纯C语言学生成绩管理系统（以包含文件的形式写的）
10-13
纯C语言学生成绩管理系统（以包含文件的形式写的）,结构体，链表，数组，以下是main.c #include #include #include #define m 3/*宏定义m的值为3*/ struct node/*链表初始化*/ { char name[20]; int no; float score[m]; float sum; float avg; struct node *next; }; char ch[m+4][20]={{"学号"},{"姓名"},{"语文"},{"数学"},{"英语"},{"总分"},{"平均分"}};/*定义并初始化一个全局二维字符数组*/ #include "save.c"/*包含保存文件*/ #include "read.c"/*包含读取文件*/ #include "output.c"/*包含打印文件*/ #include "set.c"/*包含录入文件*/ #include "demand.c"/*包含查询文件*/ #include "sort.c"/*包含排序文件*/ #include "modified.c"/*包含修改文件*/ #include "add.c"/*包含添加文件*/ #include "del.c"/*包含删除文件*/ void main() { int n; printf("\n\t\t\t欢迎使用学生成绩管理系统\n\n"); printf("\t\t\t\t\t\t制　作: XIA XIA\n"); do { printf("\n\n1:学生成绩录入,并保存\n"); printf("2:学生成绩查询\n"); printf("3:学生成绩的排序\n"); printf("4:学生成绩的修改\n"); printf("5:学生成绩的打印\n"); printf("6:学生信息的添加\n"); printf("7:学生信息的删除\n"); printf("0:退出学生成绩管理系统\n\n\n"); printf("输入你要执行操作的相应序号\n"); scanf("%d",&n);/*输入相就的操作的序号*/ switch (n) { case 1: set();break;/*调用录入函数*/ case 2: demand();break;/*调用查询函数*/ case 3: sort();break;/*调用排序函数*/ case 4: modified();break;/*调用修改函数*/ case 5: output();break;/*调用打印函数*/ case 6: add();break;/*调用添加函数*/ case 7: del();break;/*调用删除函数*/ case 0: printf("正在退出学生成绩管理系统......\n");exit(0);/*直到输入“0”退出学生成绩管理系统*/ default:printf("输入错误码，请重新输入\n"); } }while(1); }
STM32 Keil下编程实现LED灯点亮与闪烁
hongliwong的博客
10-06 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、原理图1.STM32F103C8T62.LED23.LED3二、Keil代码1.Led.h2.Led.c3.main.c总结 前言 基于STM32F10C8T6在Keil下编程实现LED灯点亮与闪烁 一、原理图 1.STM32F103C8T6 STM32F103C8T6是ST在2007年发布的一款MCU，截止目前ST已经发布了速度高达400MHz的STM32H7。三点好处，一是封装比较大，方便初学者焊接，二是价格低廉，学习
走入 Cocos Creator视频教程
07-01
Cocos Creator游戏视频培训课程设计上，由一个简单的游戏，引入课程主体。先熟练开发流程，在熟练API，后熟练使用UI，理解碰撞和物理系统。循序渐进，课程中穿插很多小案例实践功能，压缩枯燥内容。
超市管理系统(毕业设计项目指导)
11-14
《超市积分管理系统》该项目采用技术jsp、strust2、tomcat服务器、mysql数据库 开发工具eclipse，项目含有源码、论文、配套开发软件、软件安装教程、项目发布教程    超市会员积分管理系统主要用于实现了企业管理数据统计等。本系统结构如下：（1）网络会员管理中心界面：       会员修改密码信息模块：实现会员密码功能；       会员登陆模块：实现会员登陆功能；       会员注册模块：实现会员注册功能；       留言板模块：实现留言板留言功能（2）后台管理界面：       系统用户管理模块：实现管理员的增加、查看功能；       会员信息管理模块：实现会员信息的增加、修改、查看功能；       注册用户管理模块：实现注册用户的增加、修改、查看功能；       会员卡管理模块：实现会员卡信息的增加、查看功能；       商品销售管理模块：实现商品信息的增加、查看功能；       会员积分管理模块：实现合作公司信息的增加、查看功能；       信息统计模块：实现数据统计报表功能；       留言板模块：实现留言板信息的增加、修改、查看功能； 课程目标：    1、学会各类开发软件安装、项目导入以及项目发布，含项目源码，需求文档，配套软件等    2、该项目主要功能完善，主要用于简历项目经验丰富，以及毕业设计或者二次开发    3、提供项目源码，设计文档、数据库sql文件以及所有配套软件，按照教程即可轻松实现项目安装部署 本课程为素材版，需要实战版代码讲解教程的同学可以点击如下链接：java项目实战之电商系统全套(前台和后台)(java毕业设计ssm框架项目)https://edu.csdn.net/course/detail/25771java项目之oa办公管理系统(java毕业设计)https://edu.csdn.net/course/detail/23008java项目之hrm人事管理项目（java毕业设计）https://edu.csdn.net/course/detail/23007JavaWeb项目实战之点餐系统前台https://edu.csdn.net/course/detail/20543JavaWeb项目实战之点餐系统后台https://edu.csdn.net/course/detail/19572JavaWeb项目实战之宿舍管理系统https://edu.csdn.net/course/detail/26721JavaWeb项目实战之点餐系统全套（前台和后台）https://edu.csdn.net/course/detail/20610java项目实战之电子商城后台（java毕业设计SSM框架项目）https://edu.csdn.net/course/detail/25770java美妆商城项目|在线购书系统（java毕业设计项目ssm版）https://edu.csdn.net/course/detail/23989系统学习课程：JavaSE基础全套视频(环境搭建 面向对象 正则表达式 IO流 多线程 网络编程 java10https://edu.csdn.net/course/detail/26941Java Web从入门到电商项目实战挑战万元高薪(javaweb教程)https://edu.csdn.net/course/detail/25976其他素材版（毕业设计或课程设计）项目：点击老师头像进行相关课程学习
VUE day_08(7.26)学子商城项目详细版
m0_70328115的博客
07-31 876
学子商城项目vue2详版

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值