前端三大件之HTML篇

于 2024-05-17 01:32:45 发布
阅读量508 收藏 9
点赞数 3
分类专栏： 程序员 文章标签： 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84152738/article/details/138981748
版权
显示不出来哈哈哈哈!

title 提示文本

显示不出来哈哈哈哈!
width 给图像设定宽度，height 给图像设定高度
显示不出来哈哈哈哈!
给图像设定边框
显示不出来哈哈哈哈!

在这里插入图片描述

超链接标签

在这里插入图片描述

老北京来了
1.外部链接：

Bilili

2.内部链接：

内部链接

3.空链接

空连接

4.下载链接 文件

下载文件

5.网页元素的链接

HTML中的特殊字符

在这里插入图片描述

表格标签

  1. 表格的基本语法

1.<table></table>是用于定义表格的标签

2.<tr></tr>标签用于定义表格中的行，必须嵌套在<table></table>标签中

3.<td></td>标签用于定义表格中的单元格，必须嵌套在<tr></tr>标签中-

湖人总冠军
Header Data
  1. 表头单元格标签
湖人总冠军
fdfsd cdf
  1. 表格属性

表格标签这部分属性我们实际开发不常用，后面通过CSS来设置

在这里插入图片描述

湖人总冠军
湖人总冠军我去 小皮皮哈哈哈tql
  1. 表格结构标签

在这里插入图片描述

湖人总冠军
  1. 合并单元格

  • 跨行合并：rowspan=“合并单元格的个数”

  • 跨列合并：colspan=“合并单元格的个数”

在这里插入图片描述

列表标签

  1. 无序列表

<ul>标签表示HTML页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用<li>标签定义。

<ul>中只能嵌套<li>，直接在<ul>标签中输入嵌套标签或者文字是不允许的。

<li>相当于一个容器，可以容纳所有元素。

基本语法格式：

湖人总冠军
    • 列表项1
    • 列表项2
    • 列表项3
      1. 有序列表

      在HTML标签中，<ol>标签用于定义有序列表，列表排序以数字来显示，并使用<li>标签来定义列表项。

      <ol>中只能嵌套<li>，直接在<ol>标签中输入嵌套标签或者文字是不允许的。

      <li>相当于一个容器，可以容纳所有元素。

      基本语法格式：

      湖人总冠军

      小皮皮哈哈哈

      1. 列表项1
      2. 列表项2
      3. 列表项3
        1. 自定义列表

        在HTML标签中，<dl>标签用于定义自定义列表，该标签会与<dt>（定义项目/名字)和<dd>(描述每一个项目/名字)一起使用。

        <dl>只能包含<dt>和<dd>。

        <dt>和<dd>个数没有限制，经常是一个<dt>对应多个<dd>。

        基语法格式：

        湖人总冠军
        小皮皮
        小屁屁
        詹姆斯

        表单标签

        在HTML中，一个完整的表单通常有表单域，表单控件（表单元素）和提示信息三个部分组成。

        1. 表单域在这里插入图片描述

        2. 表单控件

        3. 输入表单元素

        在这里插入图片描述

        湖人总冠军

        用户名：

        密码：

        性别：男女

        爱好：吃饭睡觉打豆豆

        提交：

        1. 标签[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DShtcz5E-1622247672179)(C:\Users\LLLBJ\AppData\Roaming\Typora\typora-user-images\image-20210504142458733.png)]

        2. 下拉表单元素

        在这里插入图片描述

        1. textares文本域元素
        湖人总冠军

        今日反馈：

        哈哈哈

        最后

        自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

        深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

        因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

        img

        既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

        如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

        由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
        /html>

        最后

        自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

        深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

        因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

        [外链图片转存中…(img-ywGamfzN-1715880754125)]

        [外链图片转存中…(img-3BH58FIC-1715880754126)]

        [外链图片转存中…(img-rAgBOodM-1715880754126)]

        既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

        如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

        由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

      axios在vue中的使用
      前端报刊
      03-26 3万+
      import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { count: 0, name:'小明', age:20, sex:'男' }, getters: { doneTodos(state) { return state.count; }, mapName(state){ .
      [019] Android平台调用WebService详解
      热门推荐
      柳峰的专栏
      05-18 21万+
      上篇文章已经对Web Service及其相关知识进行了介绍（Android开发之WebService介绍 ），相信有的朋友已经忍耐不住想试试在Android应用中调用Web Service。本文将通过一个简单的示例讲解和演示Android平台的Web Service开发。 Ksoap2-android简介       在Android平台调用Web Service需要依赖于第三方类库ksoap
      Android中调用webservice
      weixin_33729196的博客
      06-10 117
      调用 WebService 分以下几步: 　　1、指定 WebService 的命名空间和调用方法； 　　2、设置调用方法的参数值，如果没有参数，可以省略，设置方法的参数值的代码如下： 　　rpc.addProperty("abc", "test")； 　　要注意的是，addProperty方法的第1个参数虽然表示调用方法的参数名，但该参数值并不一定与服务端的WebService类中的方法参...
      Eclipse 代码模板
      shuimuzy的专栏
      02-09 662
      Eclipse 代码模板 使用代码模板 Eclipse 提供了通过定义和使用代码模板来提高工作效率与代码可预测性的能力。 我们在开发 Java 程序过程中经常需要编写 main 方法： public static void main(String[]args) { } 如果我们一个字母一个字母去编写，将是一个重复而又毫无意义的事情，这是我们就可以使用 Eclipse 代
      React开发基础文件下载
      06-20
      React开发基础文件下载，包含react.js、react-dom.js、browser.main.js 等相关文件
      前端面试八股文（一）
      had1695016179的博客
      08-08 2338
      前端面试八股文（一），前端面试的八股文我应该会分5~8篇，从基础简单到慢慢有点难度，让咱们卷起来吧！
      关于前端学习路线的一些建议
      前端程序猿steven的博客
      05-12 374
      入题 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是 CSS&HTML&JavaScript 了。但这三大件一直都是前端的根本，这一点从未改变。而这三大件中 JavaScript 又是重中之重。 接下来我会结合我的一点经验，给出前端学习路线的一些具体建议。 目录三大件学习CSS & HTML关于 CSS(3) 你需要了解的一些知识点HTML(5) 你需要了解的一些知识点CSS & HTML &am
      《前端技术架构与工程》之性能笔记
      wsdchong的博客
      06-14 1万+
      《前端技术架构与工程》之性能 前言： 《前端技术架构与工程》这本书真的越看越有味。目前写了部分这本书的笔记，共分为三部分做笔记，已写了两篇如下。 《前端技术架构与工程》初次笔记 《前端技术架构与工程》之编程语言 今天准备写技术架构部分（编程语言、技术规范、组件化、前后端分离、性能）中的性能部分。 初次笔记让我从架构师的角度认识前端技术栈，编程语言笔记让我对前端三大件有了新的理解。 虽然技术规范、组件化、前后端分离里面的知识也重要，但是我这三部分都要了初步了解，勉强够用。唯一性能这一块没有去深入了解，而性能这
      资深前端开发工程师分享：关于前端学习路线的一些建议
      BOM485480的博客
      03-09 653
      前言 对于刚开始学习前端的伙伴俩说，问得最多的问题就是 ——前端技术现在如此繁杂，我到底应该如何学习。这个话题太大了，几句话回答不好；也由于这个问题确实困扰了很多前端开发人员，所以我也就着手系统的输出这篇文章。 虽然这篇文章花了很长时间，肯定也有其局限性；希望各位不吝指出。 入题 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一，所以对我们提出的要求也就越来越高。所以我们需要学...
      前端体系认识和我的技术栈——wsdchong
      wsdchong的博客
      08-18 7922
      前端体系认识和我的技术栈 文章目录前端体系认识和我的技术栈前言往期的学习记录第一阶段：认识（前端路线）第二阶段：理解（从产品角度看前端）第三阶段：实践（vue框架）前端体系认识别人的前端体系我所认为的学习路线入门熟练我所认为的底层不仅仅是前端我的技术栈从开发角度从自身角度常用到的网站搜索网站同步代码的网站互联网资讯网站技术文档网站我常用的工具的网站 前言 从2020.3.12日我才开始系统接触前端。在此之前，只是简单了解前端的HTML、CSS、JavaScript。其他的vue、elementUI、node
      React如何下载文件
      weixin_46031235的博客
      10-29 6172
      React如何下载文件 在这里我借助的阿里云来实现下载文件 上代码： 以下region根据实际情况来填，accessKeyId,accessKeySecret是阿里云提供给我们的，bucket指的我们存储空间的名称 let OSS = require('ali-oss'); let client = new OSS({ region: '<Your region>', accessKeyId: '<Your AccessKeyId>', accessKeySecret
      js中的多维数组
      superyuan567的博客
      12-15 3994
      js中没有提供直接声明多维数组的方法，但是我们可以使用虚拟数组的方法实现，即数组的元素也是数组。 多维数组的声明： 通过对象字面量方法声明数组： var arr = [[1,2,3],[4,5,6],[7,8,9]]; 2.通过构造函数创建数组： var arr = new Array(4); for (var i=0;i&amp;amp;lt;arr.length;i++){ arr[i] = ...
      react 文件下载
      qq_41820599的博客
      10-20 414
      //文件下载 downloadFile=(index)=>{ let fileName=this.state.fileList[index].fileName let resourceId=this.state.fileList[index].resourceId const url = window.$$gw('//api/fujian/api/v1/fujian/download'+'/'+resourceId+ '/'+ fileName.
      2024年最新axios在vue中的使用(1)，2024年最新字节跳动前端面试题校招
      最新发布
      2401_84618790的博客
      05-14 865
      如果你已经下定决心要转行做编程行业，在最开始的时候就要对自己的学习有一个基本的规划，还要对这个行业的技术需求有一个基本的了解。有一个已就业为目的的学习目标，然后为之努力，坚持到底。如果你有幸看到这篇文章，希望对你有所帮助，祝你转行成功。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】// application/json 两种写法})axios({data: data})
      js多维数组
      Ga_b_c的博客
      07-08 226
      <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #t{ width: 80%; border:1px solid red;
      js 多维数组
      2401_84093899的博客
      04-07 302
      自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
      JavaScript 多维数组
      zsx0728的博客
      04-21 7948
      文章目录创建多维数组访问数组的元素将元素添加到多维数组将元素添加到外部数组将元素添加到内部数组从多维数组中删除元素从外部数组中删除元素从内部数组中删除元素迭代多维数组参考文档     在本教程中，您将借助示例了解 JavaScript 多维数组。     多维数组是包含另一个数组的数组。例如， // multidimensional array const data = [[1, 2, 3], [1, 3, 4], [4, 5, 6]]; 创建多维数组     这是在 JavaScript 中创建多维数组
      探索HTML5前端：三家斗地主游戏源码解析
      三家斗地主HTML5源码的项目结构和文件组织是前端开发的重要组成部分。源码文件通常会根据功能模块进行划分，例如将HTML文件、CSS样式表、JavaScript脚本、图像资源等分开放置在不同的文件夹中。压缩包中的76个文件...
      评论
      添加红包

      请填写红包祝福语或标题

      个

      红包个数最小为10个

      元

      红包金额最低5元

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

      抵扣说明：

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

      余额充值
      >