万物归宗系列01-html基本语法

news/2024/7/5 5:40:45

万物归宗系列,即什么都懂一点系列。

HTML是标签语言,一般成双成对。

Hypertext Markup Language:超⽂本标记语⾔。是⽤来制作⽹页的⼀种标记语⾔。

1 基本框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>

其中包括head和body两个部分。

2 基本语法

2.1 <p>段落标记

文字在标签内,与上下分段。

<p> 这是⼀段⽂字内容 </p>
<p> 段落内容 </p>
<p> 段落内容 </p>
<p> 段落内容 </p>
<p> 段落内容 </p>
<p> 段落内容 </p>

2.2 <br/>段落标记

换⾏可以使⽤⼀个 <br /> 标签实现。

2.3 文本格式化

2.4 标题

标题(Heading),是通过 <h1> - <h6> 六个标签分别来对六个级别的标题进⾏定义的。

2.5 图像

图像(image)由 <img> 标签进⾏定义。

2.6 超链接

在HTML中使⽤ <a> 标签可以创建链接。

根据href属性值不同,a标签有不同的作⽤。

1. url地址:绝对路径时会⾃动跳转到对应的链接页⾯,相对路径时会点击⾃动下载⽂件并发⽣跳转,锚点url会跳转到页⾯的对应位置,

可以⽤于页⾯滚动。

2. #:单独的⼀个#符号,代表跳转到页⾯的top顶部,可以⽤于制作返回顶部。

target属性

使⽤target 属性,可以定义被链接的⽂档在何处跳转显⽰。

属性值有两种:

_self:默认值,表⽰跳转的页⾯在当前窗⼝打开,不会打开新的窗⼝。

_blank:空⽩的,表⽰跳转的页⾯在新窗⼝打开。


http://lihuaxi.xjx100.cn/news/1693128.html

相关文章

从实时数据库转战时序数据库,他陪伴 TDengine 从 1.0 走到 3.0

关于采访嘉宾 在关胜亮的学生时代&#xff0c;“神童”这个称号如影随形&#xff0c;很多人初听时会觉得这个称谓略显夸张&#xff0c;有些人还会认为这是不是就是一种调侃&#xff0c;但是如果你听说过他的经历&#xff0c;就会理解这一称号的意义所在了。 受到教师母亲的影…

React之引入css的方式

一、是什么 组件式开发选择合适的css解决方案尤为重要 通常会遵循以下规则&#xff1a; 可以编写局部css&#xff0c;不会随意污染其他组件内的原生&#xff1b;可以编写动态的css&#xff0c;可以获取当前组件的一些状态&#xff0c;根据状态的变化生成不同的css样式&#…

2023 1019 广州akw,笔试,SPC软件工程师

1. 共用体 共用体的出现主要是为了解决以下两个主要痛点&#xff1a; 内存节省&#xff1a;在一些编程场景中&#xff0c;需要存储多种不同数据类型的数据&#xff0c;但不一定需要同时存储所有这些数据。如果使用独立的变量或结构体来表示这些数据&#xff0c;会浪费内存空间…

在js中常见的时间格式及其转换

在计算机编程中&#xff0c;常见的时间格式有以下几种&#xff1a; 1&#xff1a;ISO 8601 格式&#xff1a;国际标准的日期和时间表示方法。 格式为 “YYYY-MM-DDTHH:mm:ss.sssZ”&#xff0c;其中 “T” 是日期和时间的分隔符&#xff0c;“Z” 表示时区。 例如&#xff0c;…

使用kubekey部署k8s集群和kubesphere、在已有k8s集群上部署kubesphere

目录 前言什么是kubekey&#xff08;简称kk&#xff09;单节点上安装 kubesphere&#xff08;all in one 快速熟悉kubesphere&#xff09;部署 kubernetes和和kubesphere 多节点安装部署 kubernetes和和kubesphere 离线安装k8s v1.22.17和kubesphere v3.3.2联网-在已有k8s集群上…

JAVA-分布式锁

今天给大家带来一个项目中单模块加锁的方法 原理是通过springAOP前后置任务对需要调用的方法加锁&#xff0c;不懂aop的可以先去学习一下aop&#xff0c;这里就直接上锁代码了 //配置文件还没配置package com.cfood.order.aop;import io.lettuce.core.RedisClient; import org…

DAC8563数模转换模块的使用介绍

前言 DAC8563为16位低功耗、电压输出、双通道的数模转换器&#xff0c;其包括一个2.5V4ppm/C 内部基准&#xff0c;从而提供了一个 2.5V 或 5V 的满量程输出电压范围。 此内部基准有一精度&#xff0c;并且能够在 VREFIN/VREFOUT引脚上提供或吸收高个 5mV 的初始达 20mA 的电流…

Go 存储系列:LSM存储引擎 LevelDB

概念介绍 LSM-Tree 被是一种面向写多读少应用场景的数据结构 &#xff0c;被 Hbase、RocksDB 等强力 NoSQL 数据库采用作为底层文件组织方式。 简单的LSM-Tree 包含 2 层树状数据结构&#xff1a; Memtable 并完全驻留在内存中&#xff08;假设 T0&#xff09; SStables 存储…