前端开发笔记--html 黑马程序员2

文章目录

  • 前端常用标签
    • 一、标题标签
    • 二、段落标签和换行标签和水平线标签
    • 三、文本格式化标签![请添加图片描述](https://i-blog.csdnimg.cn/direct/87583fa23fe04229b016912051f3fc45.png)
    • 四、盒子标签
    • 五、图像标签
    • 六、连接标签
    • 七、注释和特殊字符
  • 八、表格标签的基本使用
  • 九、列表
  • 十、表单
    • input
    • label
    • select
    • textarea


前端常用标签

一、标题标签

特点:

  1. 加了标题的文字会被加粗,字体也会更大。
  2. 一个标题占一行。
    请添加图片描述

二、段落标签和换行标签和水平线标签

请添加图片描述

三、文本格式化标签请添加图片描述

四、盒子标签

在这里插入图片描述

五、图像标签

在这里插入图片描述
在这里插入图片描述
路径分为绝对路径和相对路径
绝对路径是指从你的硬盘出发到你想要指定的文件的路径如:
C:\Users\Administrator\Desktop\yourtxt.txt
而相对路径则是指从你的当前文件出发到你想要指定的文件的路径如:
…/Desktop/yourtxt.txt

六、连接标签

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

七、注释和特殊字符

在这里插入图片描述
在这里插入图片描述

八、表格标签的基本使用

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

九、列表

在这里插入图片描述

十、表单

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

input

在这里插入图片描述
在这里插入图片描述

label

在这里插入图片描述

select

在这里插入图片描述

textarea

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/55993.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

原生 App 上架 Mac App Store 过程总结

随着 macOS 系统的普及,越来越多的开发者希望将他们的原生应用程序发布到 Mac App Store,以便触达更广泛的用户群体。在这篇文章中,我们将详细总结原生 App 上架 Mac App Store 的整个过程,包括必要的准备工作、开发流程、测试、申…

自动化运维:提升效率、降低风险的利器

✅作者简介:2022年博客新星 第八。热爱国学的Java后端开发者,修心和技术同步精进。 🍎个人主页:Java Fans的博客 🍊个人信条:不迁怒,不贰过。小知识,大智慧。 💞当前专栏…

如何批量从sql语句中提取表名

简介 使用的卢易表 的提取表名功能,可以从sql语句中批量提取表名。采用纯文本sql语法分析,无需连接数据库,支持从含非sql语句的文件文件中提取,支持各类数据库sql语法。 特点 快:从成百个文件中提取上千个表名只需1…

离岗睡岗预警系统 值班室离岗识别系统Python 结合 OpenCV 库

在众多工作场景中,存在着一些特殊岗位,这些岗位对于人员的专注度和警觉性有着极高的要求。然而,离岗睡岗现象却时有发生,给工作的正常开展和安全保障带来了严重的威胁。本文将深入探讨特殊岗位离岗睡岗的危害,以及如何…

Ubuntu安装Apache教程

系统版本:Ubuntu版本 23.04 Ubuntu是一款功能强大且用户友好的操作系统,而Apache是一款广泛使用的Web服务器软件。在Ubuntu上安装Apache可以帮助用户搭建自己的网站或者进行Web开发。为大家介绍如何在Ubuntu上安装Apache,并提供详细的教程和操…

Python 字典:解锁高效数据处理的秘密武器

引言 字典作为Python中一种内置的数据类型,以其灵活的数据存储能力和高效的查找性能而著称。无论是进行用户信息管理、缓存热数据还是构建复杂的算法模型,掌握字典的高级操作都是提升开发效率的关键所在。接下来,我们将从基础语法入手&#…

【HarmonyOS NEXT】实现页面水印功能

关键词:鸿蒙、水印、Watermark、页面、触摸问题 注:本期文章同样适用 OpenHarmony 的开发 在app开发过程中时常会出现敏感信息页面,为保护信息安全和及时的数据追踪,通常会采用给页面加水印的形式,那么本期文章会介绍…

【NLP自然语言处理】探索注意力机制:解锁深度学习的语言理解新篇章

目录 🍔 注意力机制介绍 1.1 注意力概念 1.2 注意力计算规则 1.3 常见的注意力计算规则 🍔 什么是注意力机制 🍔 注意力机制的作用 🍔 注意力机制实现步骤 4.1 步骤 4.2 代码实现 🍔 小结 学习目标 &#x1…

C++面试速通宝典——24

452. Linux进程地址空间 文本段:包含程序的可执行代码初始化数据段(数据段):包含已初始化的全局变量和静态变量。未初始化数据段(BSS段):包含未初始化的全局变量和静态变量。堆:动态…

计算机网络(十一) —— 数据链路层

目录 一,关于数据链路层 二,以太网协议 2.1 局域网 2.2 Mac地址 2.3 Mac帧报头 2.4 MTU 三,ARP协议 3.1 ARP是什么 3.2 ARP原理 3.3 ARP报头 3.4 模拟ARP过程 3.5 ARP周边问题 四,NAT技术 4.1 NAT技术背景 4.2 NAT转…

C++11--右值引用

1.引用 右值引用是在C11中所引进的,在前面,我们已经了解并使用过了引用,引用的作用就是给某一个变量取别名,但实际上,我们使用的引用是左值引用,而我们现在要了解的是与左值引用相对应的右值引用。 无论左…

vue 判断页面是否刷新-技巧

前端实现 方法一 在 App.vue 文件中缓存下刷新时当前页面的路由 created() {this.currentPathLoad(); }, methods: {currentPathLoad() {window.addEventListener("current-path-load",()>{let path this.$route.path;sessionStorage.setItem(current-path-lo…

【原创】java+springboot+mysql在线课程学习网设计与实现

个人主页:程序猿小小杨 个人简介:从事开发多年,Java、Php、Python、前端开发均有涉猎 博客内容:Java项目实战、项目演示、技术分享 文末有作者名片,希望和大家一起共同进步,你只管努力,剩下的交…

目标检测——YOLO11算法解读

作者:Ultralytics公司 代码:https://github.com/ultralytics/ultralytics YOLO系列算法解读: YOLOv1通俗易懂版解读、SSD算法解读、YOLOv2算法解读、YOLOv3算法解读、YOLOv4算法解读、YOLOv5算法解读、YOLOR算法解读、YOLOX算法解读、YOLOv6算…

8.Python 异常(异常演示、异常捕获、异常传递)

一、异常引入 1、异常概述 当检测到一个错误时,Python解释器就无法继续执行了,反而出现了一些错误的提示,这就是所谓的异常,即常说的 Bug 2、异常演示 以 r 模式打开一个不存在的文件 f open(linux.txt, r)输出结果 Traceb…

FFmpeg的简单使用【Windows】--- 视频倒叙播放

实现功能 点击【选择文件】按钮可以选择视频,当点击【开始处理】按钮之后,会先将视频上传到服务器,然后开始进行视频倒叙播放的处理,当视频处理完毕之后会将输出的文件路径返回,同时在页面中将处理好的视频展示出来。…

【Redis】什么是Redis

Redis:REmote DIctionary Server(远程字典服务器) 是完全开源免费的,用C语言编写的,遵守BSD协议,是一个高性能的(key/value)分布式内存数据库,基于内存运行,并支持持久化的NoSQL数据库,是当前最热门的NoSql数据库之一…

第二十三篇:网络拥塞了,TCP/IP如何解决的?

一.显示拥塞通知 当发生网络拥塞时,发送主机应该减少数据包的发送量。作为IP上层协议,TCP虽然也能控制网络拥塞,不过它是通过数据包的实际损坏情况来判断是否发生拥塞。然而这种方法不能在数据包损坏之前减少数据包的发送量。 为了解决这个…

Kubernetes 深度解读:从容器到容器云的奇幻之旅

《Kubernetes 深度解读:从容器到容器云的奇幻之旅》 在当今数字化的时代,应用程序的部署和管理面临着越来越多的挑战。大规模直接使用容器会遇到下面几个问题: 问题一:如何高效管理大量容器? 随着容器技术的广泛应用,企业可能会面临管理成百上千个容器的情况。想象一下…

在 Ubuntu 上安装 Whisper 支撑环境(ffmpeg、PyTorch)的教程(2024亲测可用)

在 Ubuntu 上安装 Whisper 的教程 以下是如何在 Ubuntu 系统上安装 Whisper 以进行视频转录的详细步骤。 步骤 1:更新系统 首先更新你的 Ubuntu 系统,确保安装最新的软件包: sudo apt update && sudo apt upgrade -y步骤 2&#…