前端相关学习

前端相关学习1、VsCode 常用快捷键代码格式化shift Alt F向上或向下移动一行Alt up 或 Alt down快速复制一行代码shift Alt up 或 shift Alt down快速保存ctrl s快速查找ctrl F快速替换ctrl H2、VsCode快速生成骨架在HTML文件中用 ! (英文)配合Enter / Tab键3、标签语法标签成对出现中间包裹内容。里面放英文字母标签名。结束标签比开始标签多/。拓双标签成对出现单标签只有开始标签br:换行hr:水平线。4、HTML基本骨架html: 整个网页head: 网页头部存放给浏览器看的代码。eg: css。body: 网页主题eg: 图片文字。给用户看的。title: 网页标题。5、标签的关系父子关系嵌套 向后缩进 Tab兄弟关系并列 向前缩进 shift Tab6、注释在VsCode中添加或删除注释的快捷键ctrl /7、标题标签标签名 h1~h6(双标签bodyh1一级标签/h1h2二级标签/h2h3三级标签/h3h4四级标签/h4h5五级标签/h5h6六级标签/h6/body显示特点文字加粗字号逐渐减小独占一行换行常用h1标签在一个网页中只能用一次用来放新闻标题或网页的logoh2~h6没有使用次数的限制8、段落标签标签名 p (双标签)p核心功能模块 店铺管理 商品操作支持商品上下架、库存实时同步、订单状态查询及物流跟踪。 多端协同PC端批量处理商品信息后可通过手机APP实时监控订单动态确保运营高效衔接。 数据分析工具 多维统计提供销售趋势图表、用户行为路径分析、内容互动统计等功能。 策略优化基于数据洞察调整运营方向例如优化商品推荐、改进内容创作策略。/p显示特点独占一行段落之间存在间隙9、文本格式化标签标签名效果strong加粗del删除线em倾斜ins下划线bodystrongstrong 加粗/strongbb 加粗/bemem 倾斜/emii 倾斜/iinsins 下划线/insuu 下划线/udeldel 删除线/delss 删除线/s/body10、图像标签作用在网页中嵌入图片标签名img src 图片的URL src是img标签的必须属性用于指定图像的位置和名称。bodyimgsrc./cat.webpimgsrc./dog.png/body属性作用说明alt替换文本图片无法显示的时候显示的文字title提示文本鼠标悬停在图片上的时候显示的文字body!-- 以前网速慢可能导致图片加载不出来不想影响网页的浏览用alt来替换 --imgsrc./cat1.webpalt这是一只猫imgsrc./dog.pngtitle这是一条狗!-- 浏览器缩放图片默认是等比缩放 --imgsrc./dog.pngwidth222imgsrc./dog.pngheight222/body