HTML最强入门学习笔记+GitHub小项目源码

HTML学习笔记

GitHub项目链接:

点我跳转GitHub
本博客采用markdown编写,上面这个链接跳转就是采用了html的<a></a>的代码设计的跳转提示~


1.创建文件可以使用 ! 在VSCode中进行快速补全从而生成一整个HTML结构

HTML组成

<!DOCTYPE = html><html><head><!-- 头文件中的内容 --></head><body><!-- 主体中的内容 --></body>
</html>



2.使用!DOCTYPE = html代码来告诉浏览器该文件是一个HTML5文件

DOCTYPE 是英文"document type"的缩写,译为"文件类型"



3.使用<title>标题内容</titile>来表示一个页面标题

<>内容</> 右边括号中的/表示结束,夹在两个括号中的字为标题的内容



4.使用<h1>文章标题</h>来表示一个一号文章标题,通过h后面的数字来控制标题的级别,h是***headtitle***的缩写,译为大字标题

这是h1

这是h2

这是h3

这是h4
这是h5
这是h6



5.使用<p>段落内容</p>来表示一个段落



6.使用<a href="" target="" ></a>来进行链接的跳转

a 是"anchor"的缩写, 英文的意思是锚点
其中href为需要跳转的链接
target为跳转的表现形式,引号中的内容为具体参数
target='_blank'表示新建标签页跳转



7.在6.的语法中,可以使用href="#"来表示一个空的链接,高亮、可点击,但不会跳转



8.图片显示方法

<img src="" alt=""width=""height=""
/>

其中src中的参数为图片的文件名(同一路径)
alt=""中的内容是对图片信息的描述,如果图片无法正常显示会返回引号中的描述,并且可以帮助盲人阅读图片
width表示图片宽度像素尺寸
height表示图片高度的像素尺寸



9.使用<b>加粗文字</b><strong>加粗文字</strong>都可以达到加粗文字的效果

其中<strong></strong>是新版本HTML的写法



10.使用<i>斜体文字</i><em>斜体文字</em>都可以达到倾斜字体的效果

同样的,<em></em>也是新版本HTML的写法



11. <!-- 注释的内容 --> 来表示一段注释

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

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

相关文章

vscode——远端配置及一些问题解决

vscode——远端配置 安装Remote -SSH插件配置config本地变化一些问题缺失核心关闭vscode自动更新 尝试写入管道不存在hostname -I 查出来的ip连不上 我们之前大概了解了vscode的本地设置&#xff0c;我们之前提过&#xff0c;vscode是一款编辑器&#xff0c;在文本编辑方面有着…

Windows安装Neo4j数据库教程(3.X版本)

安装java的jdk&#xff08;jdk1.8仅支持Neo4j 3.X版本&#xff09;去 Index of /doc/neo4j/ 下载目标版本的Windows zip安装包将安装包解压到任意目录&#xff0c;并记住解压后带版本号的文件夹路径添加系统环境变量&#xff0c;变量名&#xff1a;NEO4J_HOME&#xff0c;变量值…

程序员的金三银四求职宝典:如何在关键时期脱颖而出?

个人主页&#xff1a;17_Kevin-CSDN博客 随着春天的脚步渐近&#xff0c;程序员们的求职热潮也随之而来。在这个被称为“金三银四”的招聘季&#xff0c;如何从众多求职者中脱颖而出&#xff0c;成为了许多程序员关注的焦点。本文将为你提供一份全面的求职宝典&#xff0c;助你…

前端架构: 脚手架通用框架封装之CommonJS和ESM混合开发兼容解决(教程五)

CommonJS 和 ESModule 混合开发 接上文&#xff0c;仍旧在 abc-cli 项目中参考&#xff1a;https://blog.csdn.net/Tyro_java/article/details/136433159现在要在脚手架项目中安装 chalk 依赖&#xff0c;因为在 abc-cli 项目几乎都是 CommonJS的实现而 chalk 这个依赖源码是基…

彻底剖析激光-视觉-IMU-GPS融合SLAM算法:理论推导、代码讲解和实战

自主导航是机器人与自动驾驶的核心功能&#xff0c;而SLAM技术是实现自主导航的前提与关键。现有的机器人与自动驾驶车辆往往会安装激光雷达&#xff0c;相机&#xff0c;IMU&#xff0c;GPS等多种模态的传感器&#xff0c;而且已有许多优秀的激光SLAM与视觉SLAM算法。但是每种…

获取wifi内容信息(仅供学习使用,勿作他用)

文章目录 背景代码实现槽点槽点 1槽点2总结背景 上一篇文章我们讲解学习了密码字典生成,下面我们来看一下如何获取wifi信息 代码实现 下面代码,附带注释,可以很清晰的看明白每一行代码具体是什么含义,通俗易通的变量定义,已经函数调用。如有任何不明白的地方可以随时联…

曲线生成 | 图解Dubins曲线生成原理(附ROS C++/Python/Matlab仿真)

目录 0 专栏介绍1 什么是Dubins曲线&#xff1f;2 Dubins曲线原理2.1 坐标变换2.2 单步运动公式2.3 曲线模式 3 Dubins曲线生成算法4 仿真实现4.1 ROS C实现4.2 Python实现4.3 Matlab实现 0 专栏介绍 &#x1f525;附C/Python/Matlab全套代码&#x1f525;课程设计、毕业设计、…

c语言:转移表的实现

Hello,宝子们&#xff01;今天我们来模拟实现一下我们生活中的应用最频繁的工具&#xff1a;计算器&#xff0c;实现计算器有三种方式。 废话不多说&#xff0c;直接上代码&#xff0c;计算器的一般实现&#xff1a; #include <stdio.h> int add(int a, int b)//加法函数…

Foxmail快捷键设置问题

当快捷键设置错误时不会生效&#xff0c;原来的快捷键仍有效&#xff0c;即使禁用快捷键功能&#xff0c;原先快捷键仍有效。正确的快捷键&#xff1a; 1. 不能是空&#xff08;NULL&#xff09; 2. 应该设置按键值只有一个的键盘按钮。

力扣字符串篇

以下解题思路来自代码随想录以及官方题解。 文章目录 344.反转字符串541.反转字符串||151.反转字符串中的单词28.找出字符串中第一个匹配项的下标459.重复的字符串 344.反转字符串 编写一个函数&#xff0c;其作用是将输入的字符串反转过来。输入字符串以字符数组 s 的形式给…

怎样查询到pycharm终端中执行过的命令?

pycharm终端中记录了曾经运行过的命令&#xff0c;怎样才能查询到全部曾经运行过的命令呢&#xff1f; 怎样查询到pycharm终端中执行过的命令&#xff1f;

【动态规划专栏】

动态规划基础知识 概念 动态规划&#xff08;Dynamic Programming&#xff0c;DP&#xff09;&#xff1a;用来解决最优化问题的算法思想。 动态规划是分治思想的延伸&#xff0c;通俗一点来说就是大事化小&#xff0c;小事化无的艺术。 一般来说&#xff0c;…

【CSS】初学轻松学会使用Flex布局

目录 什么是Flex布局如何开始使用Flex布局Flex容器的属性Flex项目的属性举个例子 什么是Flex布局 Flex布局是一种基于盒子模型的布局方式&#xff0c;它让我们可以轻松地控制容器内的元素在主轴和交叉轴上的排列方式。通过设置不同的Flex属性&#xff0c;我们可以实现各种不同…

探索Hadoop的三种运行模式:单机模式、伪分布式模式和完全分布式模式

目录 前言一、 单机模式二、 伪分布式模式三、 完全分布式模式&#xff08;重点&#xff09;3.1 准备工作3.2 配置集群3.2.1 配置core-site.xml 文件3.2.2 配置hdfs-site.xml 文件3.2.3 配置yarn-site.xml 文件3.2.4 配置mapred-site.xml 文件 3.3 启动集群3.3.1 配置workers3.…

【百度】商业AIGC组_AIGC Java研发工程师(J70353)

北京市技术4人2024-02-28 工作职责&#xff1a; 负责商业AIGC平台方向的工程架构设计及研发&#xff0c;致力于为广告业务提供内容生成、内容知识化、内容多模态等中台化服务&#xff0c;并将内容能力打通广告检索系统&#xff0c;于广告的触发、创意、模型和机制等联动&#…

RK3568 android11 调试陀螺仪模块 MPU6500

一&#xff0c;MPU6500功能介绍 1.简介 MPU6500是一款由TDK生产的运动/惯性传感器&#xff0c;属于惯性测量设备&#xff08;IMU&#xff09;的一种。MPU6500集成了3轴加速度计、3轴陀螺仪和一个板载数字运动处理器&#xff08;DMP&#xff09;&#xff0c;能够提供6轴的运动…

Matlab|基于Logistic函数负荷需求响应

目录 1 基于Logistic函数的负荷转移率模型 2 程序示例 3 效果图 4 下载链接 负荷需求响应模型种类较多&#xff0c;有电价型和激励型等类型&#xff0c;本次和大家分享一个基于Logistic函数的负荷转移率模型&#xff0c;该模型属于电价型&#xff0c;由于该方法使用的较少&a…

mysql 性能调优参数配置文件

########################################################################### ## my.cnf for MySQL 8.0.x # ## 本配置参考 https://imysql.com/my-cnf-wizard.html # ## 注意&#xff1a; …

python爬虫之app爬取-charles的使用

专栏系列:http://t.csdnimg.cn/WfCSx 前言 前面介绍的都是爬取 Web 网页的内容。随着移动互联网的发展,越来越多的企业并没有提供 Web 网页端的服务,而是直接开发了 App,更多更全的信息都是通过 App 来展示的。那么针对 App 我们可以爬取吗?当然可以。 App 的爬取相比 …

FM AM WM DAB是啥

技术描述频率范围优点缺点调频调制&#xff08;FM&#xff09;在FM广播中&#xff0c;音频信号的频率被调制以匹配载波信号的变化&#xff0c;而载波信号的振幅保持不变。FM广播通常具有较高的音质&#xff0c;并且在一定范围内提供清晰的音频。88 MHz 至 108 MHz- 高音质 - 清…