web前端内容学习

最新推荐文章于 2024-07-10 16:43:12 发布
最新推荐文章于 2024-07-10 16:43:12 发布
阅读量642 收藏
点赞数
分类专栏： Web前端 文章标签： 经验分享 前端 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_70275087/article/details/124593864
版权

用户注册

====

用户名称：
用户密码：
性别：男 女
兴趣爱好：Java JavaScript C++
国籍：--请选择国籍--中国美国小日本
自我评价：我才是默认值
<body>

<!–

form 标签是表单标签

action 属性设置提交的服务器地址

method 属性设置提交的方式 GET(默认值)或 POST

表单提交的时候，数据没有发送给服务器的三种情况：

1、表单项没有 name 属性值

2、单选、复选（下拉列表中的 option 标签）都需要添加 value 属性，以便发送给服务器

3、表单项不在提交的 form 标签中

GET 请求的特点是：

1、浏览器地址栏中的地址是：action 属性[+?+请求参数]

请求参数的格式是：name=value&name=value

2、不安全

3、它有数据长度的限制

POST 请求的特点是：

1、浏览器地址栏中只有 action 属性值

2、相对于 GET 请求要安全

3、理论上没有数据长度的限制

–>

<form action=“http://localhost:8080” method=“post”>

<input type=“hidden” name=“action” value=“login” />

<h1 align=“center”>用户注册</h1>

<table align=“center”>

<tr>

<td> 用户名称：</td>

<td>

<input type=“text” name=“username” value=“默认值”/>

</td>

</tr>

<tr>

<td> 用户密码：</td>

<td><input type=“password” name=“password” value=“abc”/></td>

</tr>

<tr>

<td>性别：</td>

<td>

<input type=“radio” name=“sex” value=“boy”/>男

<input type=“radio” name=“sex” checked=“checked” value=“girl” />女

</td>

</tr>

<tr>

<td> 兴趣爱好：</td>

<td>

<input name=“hobby” type=“checkbox” checked=“checked” value=“java”/>Java

<input name=“hobby” type=“checkbox” value=“js”/>JavaScript

<input name=“hobby” type=“checkbox” value=“cpp”/>C++

</td>

</tr>

<tr>

<td>国籍：</td>

<td>

<select name=“country”>

<option value=“none”>–请选择国籍–</option>

<option value=“cn” selected=“selected”>中国</option>

<option value=“usa”>美国</option>

<option value=“jp”>小日本</option>

</select>

</td>

</tr>

<tr>

<td>自我评价：</td>

<td><textarea name=“desc” rows=“10” cols=“20”>我才是默认值</textarea></td>

</tr>

<tr>

<td><input type=“reset” /></td>

<td align=“center”><input type=“submit”/></td>

</tr>

</table>

</form>

</body

css

css选择器

![](https://img-blog.csdnimg.cn/20210723201721281.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3p3MjFzanJj,size_16,color_FFFF 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 FF,t_70)

id选择器

组合选择器

9.5、常用样式： 1、字体颜色 color：red； 颜色可以写颜色名如：black, blue, red, green 等 颜色也可以写 rgb 值和十六进制表示值：如 rgb(255,0,0)，#00F6DE，如果写十六进制值必 须加#

2、宽度 width:19px; 宽度可以写像素值：19px； 也可以写百分比值：20%；

3、高度 height:20px; 高度可以写像素值：19px； 也可以写百分比值：20%；

4、背景颜色 background-color:#0F2D4C 4、字体样式： color：#FF0000；字体颜色红色 font-size：20px; 字体大小

5、红色 1 像素实线边框 border：1px solid red;

7、DIV 居中 margin-left: auto; margin-right: auto;

8、文本居中： text-align: center;

9、超连接去下划线 text-decoration: none;

10、表格细线 table { border: 1px solid black; /*设置边框*/ border-collapse: collapse; /*将边框合并*/ } td,th { border: 1px solid black; /*设置边框*/ }

11、列表去除修饰 ul { list-style: none; }

JavaScript

==========

JavaScript和HTML结合的方法

大前端世界
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
入行前端需要学习那些内容，前端入门学习指南
艾编程带你学前端博客
03-14 2320
最近，很多同学问想要学习编程，不知从何下手，感觉需要学习的知识太多了，到底选择什么专业好 ？大家谈得最多的就是内卷，其实都在互相卷，比如：我们后端开发的同学，在学习阶段前端也是必修课，最终结果是前端和后端的技术都是半桶水，没有一门技术有真正深入的研究和学习。
web前端学习心得
keket1的博客
06-30 2282
web前端学习心得
前端都需要学什么
qq_28938511的博客
04-08 1万+
前端学习任重道远。入门比较快，但是提升之路漫长。 前端都需要学什么（可以分为八个阶段） <1>第一阶段： ▪ HTML+CSS: HTML进阶、 CSS进阶、DIV+CSS布局、HTML+CSS整站开发、 ▪ JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点...
前端主要学什么？
Mark Sheng的博客
11-23 1333
感谢阅读，接下来会持续更新的
前端学习资料整理
江咏之
08-25 2541
前端思维导图 js变量 js运算符 js数组 js流程语句 js字符串函数 js函数基础 jsdom操作 js正则表达式 js数据类型     前端技术点总结： 基础篇 布局、自适应布局 webpack、gulp了解的程度，平时怎么使用的，常用的属性 css3动画 padding 和 margin 的百分比是按照父元素的宽度来计算的（其实是看word-model，文字横向或竖向设置）； git的使用情况 git checkout -b dev origin/dev.
学习web（前端）的知识点汇总，初学者稳稳拿捏!!!
m0_59273150的博客
10-01 7495
目录 1、HTML知识点汇总 2、CSS知识点汇总 3、JS知识点汇总 一、HTML5（网页的骨架） 常用开发软件：Hbuilderx 使用过程：创建项目—创建目录—编写代码—运行（crtl+R） >>> <1>标签： 6类： 标题标签：h1-h6 *用之标题标记，六级标题之间不可嵌套，默认换行、变粗（h7和普通标题标记相同的样式） div标签:（块级标签） *有换行默认样式 p标...
web前端学习大纲
weixin_45106140的博客
01-25 745
一、HTML5 + CSS3 目标：能够独立把美工提供的PSD效果图还原成PC端静态代码页面 HTML5 浏览器与浏览器内核 语法及使用 常用标签 语义化 表单元素 HTML 新增标签 CSS3基础 CSS基本语法规范 常用的选择器用法与规范 复合选择器使用 数值与单位 文字文本样式 CSS3新增选择器 CSS3进阶 CSS盒子模型 CSS背影技巧 圆角/阴影/过渡 定位和浮动 伪类和伪元素 Chrome调试工具 CSS高级技巧（精灵图、CSS三角、图标字体等） CSS常见布局技巧大全 网页开发常见问题以及
Web前端视频学习资料50G
06-01
Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习资料50G Web前端视频学习...
web前端学习框架图.png
04-01
这是2020版最全的web学习框架，博主自己绘图，希望对你有帮助，助你在前端学习路上一臂之力，欢迎大家下载收藏，觉着有帮助的欢迎留言哦
Web前端学习
08-29
在"Web前端学习"中，框架和库的使用也是重要部分。React是Facebook推出的JavaScript库，用于构建用户界面，特别适合大型单页应用。它引入了组件化开发理念，让代码更易于管理和复用。Vue.js是一个轻量级的框架，它的...
web前端学习资料
04-15
分享一些有用的web前端学习资料,后续反馈好的话会继续分享
超详细的web前端基础学习笔记
06-28
自己web前端的学习笔记，超详细，对于初学者用处很大，对于专业的前端开发来说，不建议下载，适用于后端开发参阅
web前端基础学习笔记
01-08
web前端基础知识学习笔记，内含有HTML、CSS、JavaScript的基础知识的总结，可以帮助大家学习
前端都需要学习什么？
BOM485480的博客
08-10 5530
一、前端是什么？ 前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，完美的动效设计，给用户带来极高的用户体验。 （核心技术：HTML、CSS、JavaScript） 核心技术是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来很简单，但
web前端学习笔记（三）
齐在的专栏
08-28 1万+
HTML5：布局类标签 HTML是具有语义化的语言，针对网页的布局，有一类标签代表各种意义的“布局盒子”。所有的布局类标签都主要用来构建页面的内容区域，是双标签类型，是双标签类型，默认显示为块状元素。 通用的布局标签：&lt;div&gt;。语义：无明确的含义，通常就是代表“盒子”；应用：根据布局的需要，可以使用到任何地方，可以用id和class来对&lt;div&gt;进行定义或区分。 H...
第一天前端学习的内容和心得
qq_41353794的博客
12-11 321
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传 LaTex数学公式 UML序列图和流程图 离线写博客 导入导出Markdown文件 丰富的快捷键 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
前端学习——这十本书一定要看
Kevinvcc200的博客
09-30 2万+
为大家推荐十本前端开发相关的书籍，个人认为每本都很经典，希望大家能有所收获~ 鲁迅曾说过——“每18个月，前端技术的难度就会增加一倍” 但是即使前端技术飞速发展，下面这十本书却从来没有过时，依然是每个前端初学者首选的入门书籍。   1.Head First HTML与CSS（第2版） 作者: Elisabeth Freeman/ Eric Freeman 出版社: 中国电力...
web前端学习笔记（一）
热门推荐
齐在的专栏
07-29 3万+
web前端的定义：是面向用户（浏览者）的互联网技术统称。主要包括Web界面的结构、Web界面的外观视觉表现以及Web界面的交互实现。 Web前端的分类：前端设计和前端架构。 HTML结构语言：超文本标记语言。 通过各种标记符号（标签）来代表网页中的内容元素、将网页中的内容结构化。 特点：通过浏览器来解析、文件名为html或htm。      2.  CSS样式语言（样式表）：实现表...
2024年PMP考试备考经验分享
最新发布
mm995420的博客
07-10 468
我最一开始是手写笔记，几乎把老师的每一句话都记下来，后来发现耗时太多，就买了一个录音笔，可以音频转文字，节省大量时间。不要迷信网上说有原题的机构，报名了哪个机构就做哪个机构的题目就可以，做太多其他来路不明的题目，非常浪费时间。我是报名的机构，是考虑比较省心，无论是报名的指导，还是PDU获得，都比较方便，而且还能获得答疑服务，这个考试备考下来，老师的答疑很重要，光靠刷题是不行的。我的同事及机构同学都有一些没通过的，不要轻视，补考费用是2500，比较昂贵，建议尽量一次通过。目前3月10日考试已结束报名。
web前端开发课程学习内容
08-10
### 回答1： Web前端开发课程的学习内容通常包括以下方面： 1. HTML：学习HTML标记语言，包括标签、属性、表单等内容，用于创建网页结构。 2. CSS：学习CSS样式表语言，包括选择器、盒模型、布局、动画等内容，用于美化网页样式。 3. JavaScript：学习JavaScript语言，包括变量、数据类型、流程控制、函数、DOM操作等内容，用于实现网页交互功能。 4. 前端框架：学习一些流行的前端框架，如Vue、React、Angular等，用于提高开发效率和网站性能。 5. 前端工具：学习一些前端工具，如Webpack、Gulp、NPM等，用于构建和打包网站。 6. 前端性能优化：学习一些前端性能优化技巧，如减少HTTP请求、压缩资源、使用CDN等，用于提高网站性能。 7. 跨平台开发：学习一些跨平台开发技术，如使用React Native、Electron等，用于开发移动端应用或桌面应用。 8. 测试和调试：学习一些测试和调试技巧，如单元测试、端到端测试、浏览器开发者工具等，用于提高代码质量和排除问题。 以上是Web前端开发课程的主要学习内容，当然具体的课程内容和深度还会因学校或教育机构的不同而有所区别。 ### 回答2： Web前端开发课程学习内容主要包括HTML、CSS、JavaScript等方面的内容。首先，学习HTML（超文本标记语言）是Web开发的基础，它是一种用于创建网页结构的标记语言，通过学习HTML，我们可以掌握网页的基本结构、标签的使用以及文本、图片、链接等元素的插入与排版。其次，学习CSS（层叠样式表）可以帮助我们美化网页的外观和布局，通过掌握CSS，我们可以使用样式规则来控制字体、颜色、背景、边框等网页元素的样式，实现页面的美观和一致性。最重要的是，学习JavaScript可以为网页增加交互和动态效果，通过掌握JavaScript，我们可以编写代码来实现表单验证、页面元素的动态变化、事件的触发和响应等功能。此外，学习前端框架和工具也是课程的一部分，如Bootstrap、jQuery等，它们可以为我们提供更快速、高效的开发方式，并具有更好的跨浏览器兼容性和响应式设计。另外，学习版本控制工具如Git也是必不可少的，它可以帮助我们进行代码的协作开发和版本管理。除了以上内容，还可以涉及到响应式设计、移动端开发、性能优化、跨平台开发等更高级的技术和工具。通过系统学习这些内容，我们可以掌握前端开发的基本技能，能够独立完成网页的开发和优化工作。 ### 回答3： Web前端开发课程学习内容主要包括以下几个方面。 首先，HTML和CSS是前端开发的基础，课程会通过讲解标签、元素和属性，教授学生如何使用HTML来搭建网页结构，并通过CSS来控制网页的样式，包括字体、颜色、布局等。同时，学生还会学习CSS框架和预处理器，如Bootstrap和Sass，以提高页面的响应式设计和开发效率。 其次，JavaScript是前端开发中不可或缺的一部分，课程会重点教授JavaScript的基本语法、数据类型、循环、条件语句等，同时还会介绍DOM操作和事件处理，让学生能够通过JavaScript来实现页面的动态交互效果。 此外，课程还会涵盖前端开发的常用工具和框架，如代码编辑器、版本控制系统、调试工具等，以及常见的前端开发模式和规范，如模块化开发、代码优化和性能调优等。 还有，响应式设计和移动端开发也是课程的重要内容，学生将学习如何使用媒体查询和流式布局来实现适配不同屏幕尺寸的网页，并介绍移动端开发的相关概念和技术，如响应式框架、触摸事件等。 最后，课程往往会包含实际项目的实践，学生将通过独立或团队完成一些实际的网页开发项目，以锻炼他们的实践能力和项目管理能力。 通过这些学习内容的学习，学生将掌握Web前端开发的基本原理和技术，具备搭建、设计和实现网页的能力，为进一步深入学习和工作打下坚实的基础。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值