HTML基本标签

于 2024-07-03 14:28:18 发布
阅读量265 收藏 6
点赞数 3
分类专栏： javascript 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_49018210/article/details/140151431
版权
1.什么是HTML

  • 超文本标记语言

  • ../表示当前上一级文件

2.HTML基本结构
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
​
</body>
</html>
  • ​

    声明文件类型为html

    ​

  • html表示开始html文件

  • 和奥迪在head中可以添加一些定义html页面的标签，比如meta,title或一如css或js等文件

  • <meta charset="UTF-8">设置页面编码格式

  • ​​

  • body body中的内容·可以显示在页面上，body就是页面主体

3.常用标签

  • 块级标签

。特点:独占一行

。h1-h6 <h1></h1>标题

。P <p></p>段落

。hr <hr/>水平线

。ol-li ul-li dI-dt-dd列表标签

​

  1. 有序列表
  • ​
  • 无序列表

​

定义列表的标题

​

定义列表的解释

​

</dl>

●行级标签 。特点:可以和其他行级(块)标签处在同一行，不能设置宽高 。a <a></a>超链接 。span <span></span>无样式无作用无意义的行级标签 ●行级快标签 。特点:可以和其他的行级块处在同- -行， 可以设置宽高 。img <img/>图像标签

4.img图像标签

img标签和其他标签的不同之处，其他标签都是在<>中只写了标签名，但img标签需要写属性

src为图片位置

width、height为宽度高度

alt替换文字

titl停留显示文字

img src="../imge/ing01.png" width="200px" height="160px" alt="笑脸" title="一张笑脸"

5.特殊标签
hr 水平线标签
一般情况下，元素高度是由height属性控制，但是hr标签的高度是由size属性控制
hr size="5" width=""
6.HTML简单样式

  • center 水平居中

  • left 左对齐

  • right 右对齐

  • 设置字体颜色

  • style属性可以设置标签的样式，在style属性的值中，可以通过属性值得形式设置标签样式，每一个样式用分号隔开

  • <!--在块元素中添加属性align 可以设置元素中文字的对齐方式-->

    ​

    一个标题超链接

    ​ 
    <!--可以将任意元素放入块元素中，但是行级元素中（大部分情况）嵌套行级元素--> <a href="test01.html">

<img  src="QQ图片20220307183432.png"alt="">
</a>

7.html的执行

  • html的文件是由浏览器执行的

  • 解释：像一个翻译官，把人能看懂的语言（html）翻译成能看懂的语言

  • 执行：计算机执行机器代码，执行过程中我们称之为渲染，一个html文件经过渲染形成了一个网页

  • 负责解释执行的的是浏览器，所以一台电脑上只要有浏览器就能执行html代码

  • 块级标签

  • 行级标签

  • 航块级标签

  • 块级标签

    • 特点：独占一行

    • h1—h6 <h1>-<h6>

    • p <p></p>

  • 行级标签

    • a <a><a/>

    • span <span><span/>无样式，无作用，无意义的行级块标签

  • 行级块标签

卷不动的程序员
关注
  • 3
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
博客
Redis 数据类型
07-22 461
Redis支持五种数据类型：String（字符串），Hash（哈希），List（列表），Set（集合）及Zset(sorted set：有序集合)。字符串类型是redis最基础的数据结构，首先键是字符串类型，而且其他几种结构都是在字符串类型基础上构建的，所以字符串类型为其他四种数据结构尊定了基础。字符串类型实际上可以是简单的字符串、复杂的字符串（xml、json）、数字（整数、浮点数）、二进制（图片、音频、视频）。
博客
Redis 数据持久化
07-22 823
持久化功能有效地避免因进程退出造成的数据丢失问题，当下次重启时利用之前持久化的文件即可实现数据恢复。
博客
Redis 哨兵模式
07-22 725
当我们的主服务器宕机后，要手动的去切换主从模式，这样的人工干预，费事费力，还会造成一段时间我们的服务不能使用。所有我们要使用哨兵模式来解决这一问题。哨兵是对Redis的系统的运行情况的监控，它是一个独立进程，功能有二个：监控主机Redis和从机Redis是否运行正常；主机Redis出现故障后自动将从机转化为主机；
博客
Redis 命令操作
07-22 405
当 key 不存在时，返回 -2。这个命令和 EXPIRE 命令的作用类似，但是它以毫秒为单位设置 key 的生存时间，而不像 EXPIRE 命令那样，以秒为单位。当生存时间移除成功时，返回 1 .如果 key 不存在或 key 没有设置生存时间，返回 0。当且仅当 newkey 不存在时，将 key 改名为 newkey。为给定 key 设置生存时间，以秒为单位，当 key 过期时(生存时间为 0 )，它会被自动删除。当 key 和 newkey 相同，或者 key 不存在时，返回一个错误。
博客
Redis 集群
07-22 813
Redis 的哨兵和主从模式基本已经可以实现高可用和读写分离 ，但是在这种模式下每台 Redis 服务器都存储相同的数据，浪费内存空间，所以在redis上加入了 Cluster 集群模式，实现了 Redis 的分布式存储，也就是说Redis 节点上存储不同的内容。
博客
计算机网络--四层网络模型
07-19 469
OSI的七层协议体系结构的概念清楚，理论也比较完整，但它既复杂又不实用，ISO制定的OSI参考模型的过于庞大、复杂招致了许多批评。由技术人员自己开发的TCP/IP协议栈获得了更为广泛的应用。TCP/IP体系结构则不同，它现在已经得到了非常广泛的应用，TCP/IP是一个四层的体系结构。它包含应用层、运输层、网际层和网络接口层（用网际层这个名字是强调这一层是为了解决不同网络的互连问题 ），不过从实质来讲，TCP/IP只有最上面的三层，因为最下面的网络接口层基本上和一般的通信链路的功能上没有多大差别.
博客
计算机网络--七层网络模型
07-19 606
国际标准化组织（International Organization for Standardization，ISO）简称ISO，是一个全球性的非政府组织，是国际标准化领域中一个十分重要的组织。ISO国际标准组织成立于1946年，ISO负责目前绝大部分领域（包括军工、石油、船舶等垄断行业）的标准化活动。ISO现有117个成员，包括117个国家和地区。中国是ISO的正式成员，代表中国参加ISO的国家机构是中国国家技术监督局（CSBTS）。
博客
计算机网络--介绍
07-19 709
六类与超五类的一个重要的不同点在于：改善了在串扰以及回波损耗方面的性能，对于新一代全双工的高速网络应用而言，优良的回波损耗性能是极重要的。5类 100MHz 该类电缆增加了绕线密度，外套一种高质量的绝缘材料，传输率为100MHz，用于语音传输和最高传输速率为10Mbps的数据传输，主要用于100BASE-T和10BASE-T网络。3类 16MHz 指目前在ANSI和EIA/TIA568标准中指定的电缆，该电缆的传输频率16MHz，用于语音传输及最高传输速率为10Mbps的数据传输主要用于10BASE–T。
博客
计算机网络--传输层协议
07-19 519
TCP 和 UDP 是两种最为著名的传输层协议，二者都使用 I P 作 为 网 络 层 协 议尽管 TCP 和 UDP 都使用相同的网络层( IP )， TCP 却向应用层提供与 UDP 完全不同的服务。TCP 提供一种面向连接的、可靠的字节流服务。TCP: 传输控制协议,面向连接的协议面向连接意味着两个使用 TCP 的 应 用 ( 通 常 是 一 个 客 户 和 一 个 服 务 器 ) 在 彼 此 交 换 数 据 之前必须先建立一个 TCP 连 接。一对一传输。
博客
计算机网络基础--ip地址
07-19 764
IP是英文Internet Protocol的缩写，意思是“网络之间互连的协议”，也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统，只要遵守IP协议就可以与因特网互连互通。正是因为有了IP协议，因特网才得以迅速发展成为世界上最大的、开放的计算机通信网络。因此，IP协议也可以叫做“因特网协议”。
博客
shell脚本案例-Python安装脚本
07-18 331
安装完成后更新pip。#配置,开启ssl支持https。使用shell脚本安装Python环境。#安装前准备,安装必要依赖包。避免人工多次安装，节省人工成本。避免人工错误，提高工作效率。
博客
shell脚本案例-nginx安装脚本
07-18 275
nginx安装路径,安装路径为$nginx_install_doc/nginx。#pcre-devel URL重写功能。#安装nginx需要管理员权限。#zlib-devel 压缩支持。#nginx源码包下载路径。通过shell脚本安装nginx。#nginx服务管理用户。#make 编译命令。#统计本机CPU核数。#安装前的依赖包解决。#gcc 编译命令。web服务器业务初始化。
博客
shell脚本案例-主机状态监控脚本
07-18 215
1、运维人员实时掌控机器的状态，防止宕机或者由于压力过大造成请求处理延时,保障业务的稳定、高效运行。#1、ping 目标主机三次，并接收每次的状态值,ping成功返回1，不成功返回0。当你的机器放在IDC机房的时候，你如何判断各个运营商的用户到你服务器的以下数据。echo "warn: $1 网络延迟"1、通过ICMP协议的ping命令ping目标主机。1、通过监控平台调用监控脚本对服务器进行监控。echo "$1 宕机"echo "$1 正常"全部ping结果为假，报宕机。2、分析ping结果。
博客
shell脚本案例-判断闰年
07-18 347
普通闰年:能被4整除但不能被100整除的年份为普通闰年。（如2004年就是闰年，1900年不是闰年）世纪闰年:能被400整除的为世纪闰年。（如2000年是世纪闰年，1900年不是世纪闰年）时间计算中从某一年到某一年天数的统计 ，解决了闰年、平年的天数不同的问题。read -p "输入一个年份: " year。#Description:闰年判断脚本。echo "$year: 闰年"echo "$year: 闰年"echo "$year: 平年"#1、交互输入要判断的年。闰年判断:判断某年是否问闰年。
博客
shell脚本案例-判断服务状态
07-18 408
注意 压力过大 无法响应 | 服务down了 上述东西还在 监测不准确。#1）通过systemctl service 服务启动状态。#2、测试端口 $1 IP $2 port。1、使用telnet命令连接远端机器的远端端口。#1、判断依赖命令telnet是否存在。#4）测试端口是否有响应 推荐。#3、分析文件中的内容，判断结果。#2）lsof 查看端口是否存在。#telnet 协议。#3）查看进程是否存在。2、接收连接反馈并分析结果。服务监控脚本+监控平台。
博客
shell脚本案例-目录判断
07-18 306
判断/tmp/run目录是否存在，如果不存在就建立，如果存在就删除目录里所有文件。#Description: 判断/tmp/run目录是否存在。#1、判断文件夹/tmp/run目录是否存在。1. 判断文件夹/tmp/run目录是否存在。#2、存在 删除目录下内容。脚本中对文件和文件夹类型的及权限的判断。#3、不存在 退出脚本。避免文件或者文件夹的重复建立问题。2. 存在 删除目录下内容。3. 不存在 退出脚本。
博客
shell脚本案例-监控网卡流量
07-18 284
echo -e "发送:\t$((NIC_TX_1-NIC_TX))B/s\t接收:\t$((NIC_RX_1-NIC_RX))B/s"echo -e "\t$1 网卡流量监控"#2、监控当前网络的流量,第二次取值。echo -e "网卡: $1\n"思考: 如何获取某块网卡上一秒的流入、流出数据流量。#重新赋值网卡初始化流入流出变量。#Description: 网卡流量监控。#循环开始监控网卡流量 监控频率 1s。#1、获得当前网卡流量 初始化值。#3.1、清屏输出下文。1、获得网卡当前流入流出总量。
博客
shell脚本案例-监控内存使用率
07-18 445
echo "内存使用率: `echo "scale=2;$memory_use*100/$memory_totle"|bc`%,buff&cache:$buff_cache MB"$swap_use*100/$swap_totle"|bc`%"#echo "内存使用率: $((memory_use*100/memory_totle))%"打印内存使用率脚本，打印内存使用率、swap使用率、buff&cache使用量。1.2通过数据检索获得物理内存的使用量，Swap的使用量。#1.2、获得内存使用的量。
博客
shell脚本案例-监控接口
07-18 232
2.1如果取值失败直接报错(测试发现当无法访问URL时会在第三步中报比较错误，所以这里取不到值就不往下走了)#3.1 一致 输出绿色字体 "status:200"#3.2 不一致 输出红色字体 "status:XXX"URL监控脚本，对某个URL进行监控，返回值为200则代表成功访问。#监控阈值可以是: 状态码、页面字符串、页面所有内容。#Description: URL监控脚本。1、使用curl访问一次URL，并将输出保存。#1、使用curl命令访问一次URL。#3、判断状态码是否和预设的一致。
博客
shell脚本案例-监控磁盘使用率
07-18 302
job-监控磁盘使用率案例需求打印磁盘使用率脚本，对本机的磁盘使用率统计并打印结果使用率小于80，绿色输出使用率小于90，大于80，黄色输出使用率小于95，大于90，红色输出脚本应用场景：磁盘使用率监控一般周期为小时、天，不会太频繁。监控平台+监控脚本计划任务+监控脚本手动监控解决问题及时掌握磁盘容量，防止100%造成磁盘无法读取。脚本思路1. 检索本机磁盘2. 判断磁盘使用率3. 输出结果实现代码 #!/bin/bash # #Author: www.zutuanxue.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值