外贸网站建设注意事项和建议怎么开发软件app软件

外贸网站建设注意事项和建议,怎么开发软件app软件,wordpress 用户积分,wordpress pwshellWeb前端开发学习笔记 Web前端开发学习笔记 一、Web前端的标准 1. W3C万维网联盟#xff08;w3.org#xff09;2. Web网页的组成部分 二、HTML 1. HTML文件的基本结构及注释2. 常规标记#xff08;双标记#xff09;3. 空标记也叫单标记4. HTML编辑工具 VSCODE (1). 点击添…Web前端开发学习笔记Web前端开发学习笔记一、Web前端的标准1. W3C万维网联盟w3.org2. Web网页的组成部分二、HTML1. HTML文件的基本结构及注释2. 常规标记双标记3. 空标记也叫单标记4. HTML编辑工具 VSCODE(1). 点击添加插件(2). 直接创建基础的html文件(3). html编辑技巧创建双标签并且键入文件创建多个标签上述的方法可以组合使用创建标签和子标签创建标签和多个子标签创建标签和多个子标签并在子标签中添加内容创建标签和多钟子标签5. html中常用标签(1). 标题标签(2). 段落修饰的标签p标签(段落文本)br标签文本换行hr标签水平线(3). 文本修饰标签加粗标签两种推荐strong倾斜标签两种推荐em删除标签两种推荐del其他文本标签(4). 特殊符号尖角号空格推荐 不过更加推荐使用css技术来处理ps: 快速生成一段文本文字lorem回车版权符号和商标符号(5). 容器标签div标签分割划块的标签span标签(6). 列表标签无序列表有序列表自定义列表(7). 图片标签(8). 链接标签(9). 表格标签表格的基本结构表格的属性tr的属性(表格一行的属性)td的属性(一个单元格的属性)(10). 表单标签(11).三、Web前端开发学习笔记一、Web前端的标准1. W3C万维网联盟w3.org2. Web网页的组成部分二、HTML超文本标记语言Hyper Text Markup Language是一种标记语言。它包括一系列标签通过这些标签可以将网络上的文档格式统一使分散的Internet资源连接为一个逻辑整体。1. HTML文件的基本结构及注释!--注释-- p键入!-- 或者 选中要注释的文本并键入“ctrl”“/” 添加注释/p html head title我的第一个网页/title /head body center 欢迎来到LemonXue的主页br/ welcom! /center /body /html2. 常规标记双标记标记 /标记标记 属性“属性值” 属性“属性值”/标记标记也可叫标签或叫元素例如head /head3. 空标记也叫单标记标记 /标记 属性“属性值” /例如:br /4. HTML编辑工具 VSCODE(1). 点击添加插件chinese插件: 中文支持Auto Rename Tag标记头尾同时重命名Live Server 右键html文件选择右键选择框中的Open with Live Server. 即可在浏览器中默认打开可以实时预览的网页。htmltagwrap选中文本段落键入altw, 自动添加p选中的文本/p标签(2). 直接创建基础的html文件在vscode新建一个.html的文件之后在该文件中输入!回车键即可创建出一个基础的html文件。!DOCTYPE html html langen head meta charsetUTF-8 meta nameviewport contentwidthdevice-width, initial-scale1.0 title我在vscode 创建的页面/title /head body center罗生一习br/黄金一响/center /body /html!DOCTYPE html是一个文档声明标签指定html格式html5用于告知浏览器解析格式。html langen中lang表示语言language其中包含的语言是英文en的日文ja-jp中文zh-CN(3). html编辑技巧创建双标签并且键入文件这里以p标签为例p{你好}p你好/p创建多个标签这里以p标签为例创建3个p*3p/p p/p p/p上述的方法可以组合使用p{你好}*3p你好/p p你好/p p你好/p创建标签和子标签例如创建一个div标签div标签中还包含p标签divpdiv p/p /div创建标签和多个子标签例如创建一个div标签div标签中还包含3个p标签divp*3div p/p p/p p/p /div创建标签和多个子标签并在子标签中添加内容例如创建一个div标签div标签中还包含3个p标签每个p标签中还包含内容divp{内容}*3div p内容/p p内容/p p内容/p /div创建标签和多钟子标签例如创建一个div标签div标签中还包含p标签和h2标签divph2div p/p h2/h2 /div5. html中常用标签(1). 标题标签独占一行h1/h1 h2/h2 h3/h3 h4/h4 h5/h5 h6/h6其中h1标签一般会被爬虫识别一般一个网页中只有一个。(2). 段落修饰的标签p标签(段落文本)标识一个段落段落与段落之间有段间距p段落文本/pbr标签文本换行单标签强制换行br /hr标签水平线hr /(3). 文本修饰标签标签可以嵌套使用加粗标签两种推荐strongb加粗内容/b 只是显示加粗 strong加粗内容/strong 突出的文本爬虫喜欢倾斜标签两种推荐emem倾斜内容/em 强调作用爬虫喜欢 i倾斜内容/i删除标签两种推荐dels倾斜内容/s del倾斜内容/del其他文本标签u文本内容/u 下划线 sub文本内容/sub 下标 sup文本内容/sup 上标(4). 特殊符号尖角号在html文本中使用如下方式标示尖角号lt;左尖角号gt;右尖角号空格推荐emsp;不过更加推荐使用css技术来处理在html文本中使用如下方式标示空格nbsp;生成一个空格但是其占据的宽度受到字体的影响。emsp;生成一个空格但是其占据的宽度是一个中文字体的宽度基本不受字体的影响。ps: 快速生成一段文本文字lorem回车版权符号和商标符号copy;: © 版权符号trade;™ 商标符号表示商标正在国家商标局提供申请了有优先使用权但是可能注册失败。reg;: ® 商标符号表示商标已经在国家商标局注册成功了#128512;: #128513;: #128514;: #128515;: #128516;: (5). 容器标签div标签分割划块的标签div标签在没有控制的情况下默认独占一行可以通过css来进行控制div h2我的父亲/h2 p我的父亲是一个很爱很爱我的人/p /div div h2我的母亲/h2 p我的母亲是一个很爱很爱我的人/p /divspan标签主要用于独立修饰一段文本文本有多宽就占用多远的距离。结合css和样式可以更好地修饰文本h2我的父亲emsp;span stylecolor: green; font-size: 1px;my father/span/h2效果如下(6). 列表标签无序列表有序列表自定义列表无序号有序号一般用于图文混合的情况无序列表注意ul标签中只能放置li标签li标签中可以随意放置标签ul默认以黑丝实心圆打头ul中可以使用属性type改变打头的符号type属性的值可以取disk(默认实心圆), circle(空心圆), square(实心正方形), none(什么都没有)ul typenone li 静静 /li li 川川 /li /ul有序列表注意ol标签中只能放置li标签li标签中可以随意放置标签ol默认会按照顺序生成序号 1、2、3 ……其中序号的类型和起始可以通过属性type和start进行修饰type属性的值可以取1, a, A, i, I中的一个start属性的值可以取数字ol typeA start1 li 把冰箱门打开 /li li 把大象放进去 /li li 把冰箱门关上 /li /ol自定义列表dl dt可以是文字也可以是图片/dt dd文字/dd /dl(7). 图片标签img标签有如下几个比较常用的属性src属性用于指定图片的来源路径alt属性是图片加载失败后才会显示的提示信息titile属性是当鼠标放置在图片上时提示的信息width属性用于简单地调整图片的宽度pxheight属性用于简单地调整图片的高度px当只使用width、height其中一个属性时那么另一个属性会按照图片原始的尺寸自适应调整。当同时指定width、height时如果指定的尺寸与图片原始尺寸的比例不一致时图片会失真。当然更好的办法是使用CSS来对图片的尺寸进行修饰。img src./3.gif alt图片无法显示请重新刷新 title搞笑图片 width100 img src./3.gif alt图片无法显示请重新刷新 title搞笑图片 height100 img src./3.gif alt图片无法显示请重新刷新 title搞笑图片 width100 height100(8). 链接标签a标签有如下几个比较常用的属性href: 指定跳转路径target: 指定在当前标签页跳转_self还是在新标签页跳转_blanktitle: 鼠标放置在超链接处之后的提示信息a标签可以使用图片进行超链接跳转!-- 默认当前页面打开 -- a hrefhttp://www.baidu.com百度/a !-- 当前页面打开 -- a hrefhttp://www.baidu.com target_self百度/a !-- 在新标签页中打开 -- a hrefhttp://www.baidu.com target_blank百度/a !-- 在新标签页中打开 -- a hrefhttp://www.baidu.com title百度 target_blank百度/a !-- 通过图片进行跳转 在新标签页中打开 -- a hrefhttp://www.baidu.com title百度 target_blankimg src./3.gif alt显示失败请刷新 height50/a(9). 表格标签表格的基本结构表格一般由行和列组成在html中则将表格按照行和单元格组合得到。table标签中只能包含子标签tr;tr表示表格的一个行有几个行则有几组tr标签。table rowtr标签中只能包含子标签td;td表示当前行中的一个单元格; 该标签中可以随便放置标签 table data例如生成2行3列的表格tabletr*2tr*3回车table tr td/td td/td td/td /tr tr td/td td/td td/td /tr /table表格的属性从上述的例子中发现生成的表格没有边框这些都可以通过表格的属性来进行控制width 表格的宽度可以用数值表示如100或者100px, 还可以用百分比相对于父标签的百分比如50%height 表格的高度可以用数值表示如100或者100px, 还可以用百分比相对于父标签的百分比如50%注意这里父元素的高度可能默认是由内容撑开的所以从现象上来看百分比没有效果border 表格的最外边框的宽度数值如1、2、3……bordercolor 边框的颜色bdcolor 背景颜色align 水平对齐left、right、center, 表示整个表格在父元素父标签中的对齐方式而不是单元格的对齐方式。cellspacing单元格之间的间距cellpadding单元格与内容之间的空隙tr的属性(表格一行的属性)height一行的高度数值bgcolor一行的背景色align控制一行内文本的水平对齐方式left、right、centervalign控制一行内文本的垂直对齐方式top、bottom、middletd的属性(一个单元格的属性)width 单元格的宽度影响的是一整列的宽度。height单元格的高度数值影响的是一整行的高度。bgcolor本单元格的背景色align本单元格内文本的水平对齐方式left、right、centervalign本单元格内文本的垂直对齐方式top、bottom、middletable border1 width600 aligncenter bordercolorgreen bgcoloryellow cellspacing0 cellpadding10 !-- 创建表格 -- tr bgcolororange aligncenter valignmiddle !-- 创建一行 -- td width100会员姓名/td !-- td 表示单元格 -- td width200/td td width100出生日期/td td width200/td /tr tr aligncenter valignmiddle td width100身份证号/td td colspan3 width500/td /tr tr aligncenter valignmiddle td width100通信地址/td td colspan3 width500/td /tr tr aligncenter valignmiddle td width100联系电话/td td colspan3 width500/td /tr tr aligncenter valignmiddle td width100会员卡号/td td colspan3 width500/td /tr /table(10). 表单标签!-- form methodGET或者POST action向何处发送表单数据 input typetext A 属性type定义输入框的类型 a) 文本框 type text 密码框 type password b) 提交框 type submit 和 button提交按钮/button 一样 c) 按钮框 type button 单纯的按钮 d) 重置框 type reset 清空的效果 B 属性 placeholder 输入框的提示信息。 IE8以上 C 属性 name 必须设置否则在提交表单时用户在其中输入的数据不会发送给服务器 D 属性 value /form --form methodPOST actionhttps://www.jd.com/ p 用户名input typetext nameusername placeholder输入用户名 /p div 密emsp;码input typepassword nameusername placeholder输入密码请注意大小写 /div div input typereset value重新输入 input typesubmit value登 录 /div /form(11).2025开年AI技术打得火热正在改变前端人的职业命运阿里云核心业务全部接入Agent体系字节跳动30%前端岗位要求大模型开发能力腾讯、京东、百度开放招聘技术岗80%与AI相关……大模型正在重构技术开发范式传统CRUD开发模式正在被AI原生应用取代最残忍的是业务面临转型领导要求用RAG优化知识库检索你不会带AI团队微调大模型要准备多少数据你不懂想转型大模型应用开发工程师等相关岗没项目实操经验……这不是技术焦虑而是职业生存危机曾经React、Vue等热门的开发框架已不再是就业的金钥匙。如果认为会调用API就是懂大模型、能进行二次开发那就大错特错了。制造、医疗、金融等各行业都在加速AI应用落地未来企业更看重能用AI大模型技术重构业务流的技术人。如今技术圈降薪裁员频频爆发传统岗位大批缩水相反AI相关技术岗疯狂扩招薪资逆势上涨150%大厂老板们甚至开出70-100W年薪挖掘AI大模型人才不出1年 “有AI项目开发经验”或将成为前端人投递简历的门槛。风口之下与其像“温水煮青蛙”一样坐等被行业淘汰不如先人一步掌握AI大模型原理应用技术项目实操经验“顺风”翻盘大模型目前在人工智能领域可以说正处于一种“炙手可热”的状态吸引了很多人的关注和兴趣也有很多新人小白想要学习入门大模型那么如何入门大模型呢下面给大家分享一份2025最新版的大模型学习路线帮助新人小白更系统、更快速的学习大模型2025最新版CSDN大礼包《AGI大模型学习资源包》免费分享**一、2025最新大模型学习路线一个明确的学习路线可以帮助新人了解从哪里开始按照什么顺序学习以及需要掌握哪些知识点。大模型领域涉及的知识点非常广泛没有明确的学习路线可能会导致新人感到迷茫不知道应该专注于哪些内容。我们把学习路线分成L1到L4四个阶段一步步带你从入门到进阶从理论到实战。L1级别:AI大模型时代的华丽登场L1阶段我们会去了解大模型的基础知识以及大模型在各个行业的应用和分析学习理解大模型的核心原理关键技术以及大模型应用场景通过理论原理结合多个项目实战从提示工程基础到提示工程进阶掌握Prompt提示工程。L2级别AI大模型RAG应用开发工程L2阶段是我们的AI大模型RAG应用开发工程我们会去学习RAG检索增强生成包括Naive RAG、Advanced-RAG以及RAG性能评估还有GraphRAG在内的多个RAG热门项目的分析。L3级别大模型Agent应用架构进阶实践L3阶段大模型Agent应用架构进阶实现我们会去学习LangChain、 LIamaIndex框架也会学习到AutoGPT、 MetaGPT等多Agent系统打造我们自己的Agent智能体同时还可以学习到包括Coze、Dify在内的可视化工具的使用。L4级别大模型微调与私有化部署L4阶段大模型的微调和私有化部署我们会更加深入的探讨Transformer架构学习大模型的微调技术利用DeepSpeed、Lamam Factory等工具快速进行模型微调并通过Ollama、vLLM等推理部署框架实现模型的快速部署。整个大模型学习路线L1主要是对大模型的理论基础、生态以及提示词他的一个学习掌握而L3 L4更多的是通过项目实战来掌握大模型的应用开发针对以上大模型的学习路线我们也整理了对应的学习视频教程和配套的学习资料。二、大模型经典PDF书籍书籍和学习文档资料是学习大模型过程中必不可少的我们精选了一系列深入探讨大模型技术的书籍和学习文档它们由领域内的顶尖专家撰写内容全面、深入、详尽为你学习大模型提供坚实的理论基础。书籍含电子版PDF三、大模型视频教程对于很多自学或者没有基础的同学来说书籍这些纯文字类的学习教材会觉得比较晦涩难以理解因此我们提供了丰富的大模型视频教程以动态、形象的方式展示技术概念帮助你更快、更轻松地掌握核心知识。四、大模型项目实战学以致用当你的理论知识积累到一定程度就需要通过项目实战在实际操作中检验和巩固你所学到的知识同时为你找工作和职业发展打下坚实的基础。五、大模型面试题面试不仅是技术的较量更需要充分的准备。在你已经掌握了大模型技术之后就需要开始准备面试我们将提供精心整理的大模型面试题库涵盖当前面试中可能遇到的各种技术问题让你在面试中游刃有余。因篇幅有限仅展示部分资料需要点击下方链接即可前往获取2025最新版CSDN大礼包《AGI大模型学习资源包》免费分享