HTML学习笔记(二)

devtools/2024/9/20 7:17:03/ 标签: 学习, 笔记, html
htmledit_views">
1.HTML图像

        图像标签(<img>)和源属性(src)

        HTML中,图像由<img>标签来定义,<img>是空标签,只包含属性,没有闭合标签。在页面上显示图像需要使用源属性(src),src是指"source”。源属性的值是图像的URL地址。

定义图像的语法是:

html"><imag src="url" alt="some_text">

url是存储图像的位置。

        ALT属性

​​​​​​        alt属性用来定义为图像的一串可替换的文本。在浏览器无法在数图像时替换文本告诉读者所失去的信息。此时浏览器将显示这个替代文本而不是图像。

        图像高度与宽度设置

        height(高度)与width(宽度)属性用于设置图像的高度与宽度。

        属性默认单位为像素

html"><img src="dog.jpg" alt="dog rock" width="304" height="228">

HTML 图像标签

标签描述
<img>定义图像
<map>定义图像地图
<area>定义图像地图中的可点击区域
2.HTML表格

        HTML表格由<table>标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义),表格可以包含标题行(<th>)用于定义列的标题。

  • <thead > 用于定义表格的标题部分: 在 <thead > 中,使用 <th > 元素定义列的标题。

  • <tbody > 用于定义表格的主体部分: 在 <tbody > 中,使用 <tr > 元素定义行,并在每行中使用 <td > 元素定义单元格数据。

例如,

html"><!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>HTMLhtml" title=学习>学习html" title=笔记>笔记</title> 
</head>
<body><p>
每个表格从一个 table 标签开始。 
每个表格行从 tr 标签开始。
每个表格的数据从 td 标签开始。
</p><h4>一列:</h4>
<table border="1">
<tr><td>a</td>
</tr>
</table><h4>一行三列:</h4>
<table border="1">
<tr><td>a</td><td>b</td><td>c</td>
</tr>
</table><h4>两行三列:</h4>
<table border="1">
<tr><td>a</td><td>b</td><td>c</td>
</tr>
<tr><td>A</td><td>B</td><td>C</td>
</tr>
</table></body>
</html>

输出

HTML 表格标签

标签描述
<table>定义表格
<th>定义表格的表头
<tr>定义表格的行
<td>定义表格单元
<caption>定义表格标题
<colgroup>定义表格列的组
<col>定义用于表格列的属性
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚

(引用“菜鸟教程”)

3.HTML列表

HTML列表支持有序列表,无序列表和自定义列表。

无序列表由一个小圆点作为标记,游学列表由数字作为标记。

HTML 列表标签

标签描述
<ol>定义有序列表
<ul>定义无序列表
<li>定义列表项
<dl>定义列表
<dt>自定义列表项目
<dd>定义自定列表项的描述

http://www.ppmy.cn/devtools/23548.html

相关文章

LeetCode_(兜兜转转还是你)浪漫的环形链表问题

✨✨所属专栏&#xff1a;LeetCode刷题专栏✨✨ ✨✨作者主页&#xff1a;嶔某✨✨ 第一题&#xff1a; 这道题的代码很简单&#xff0c;但是后续的一些问题在思考的过程是很复杂的。下面我们就一起来分析一下吧&#xff01; 链表带环的意思就是说链表的某个节点的next指针指向…

SparkSQL---简介及RDD V.S DataFrame V.S Dataset编程模型详解

一、SparkSQL简介 SparkSQL&#xff0c;就是Spark生态体系中的构建在SparkCore基础之上的一个基于SQL的计算模块。SparkSQL的前身不叫SparkSQL&#xff0c;而叫Shark&#xff0c;最开始的时候底层代码优化&#xff0c;sql的解析、执行引擎等等完全基于Hive&#xff0c;总之Sha…

7-云原生监控体系-PromQL-函数功能和示例

Prometheus支持几个函数来操作数据。 文章目录 1. 函数语法解释2. count(v instant-vector)3. topk(n, v instant-vector)4. bottomk(n, v instant-vector)5. increase(v range-vector)6. rate(v range-vector)7. rate 和 increase8. irate(v range-vector)9. predict_linear(…

Qt开发 , new一个QDialog窗口,点击关闭按钮,内部定义QTimer指针未释放 同时 析构函数也未调用问题

在Qt中&#xff0c;当创建一个QDialog的实例并显示它时&#xff0c;按下关闭按钮&#xff08;或点击窗口右上角的“X”按钮&#xff09;会触发窗口的关闭事件&#xff0c;但并不会立即调用其析构函数。这是因为Qt的窗口部件管理内存的方式是基于引用计数的&#xff0c;并且QDia…

[typescript] 引入js说找不到模块或其相应的类型声明

声明自己的js模块就行 你不想全部引入?那就声明引入

「51媒体」2024年北京有哪些媒体邀约资源

传媒如春雨&#xff0c;润物细无声&#xff0c;大家好&#xff0c;我是51媒体网胡老师。 北京的媒体邀约资源非常丰富&#xff0c;涵盖了多种类型的平台&#xff0c;包括但不限于&#xff1a; 广播电视台&#xff1a;总台&#xff0c;北京地方电视台&#xff0c;教育电视台&am…

状态模式

文章目录 1.UML类图2.状态基类3.状态实现类3.状态机管理类使用示例 1.UML类图 2.状态基类 public abstract class State {public string? Name { get; set; }public StateMachine? StateMachine {get; set;}public abstract void Exit();public abstract void Enter(); }3.…

Idea实现远程debug调试

创建demo package com.merchen.hello_world.controller;import org.springframework.web.bind.annotation.*;RestController RequestMapping("/res") public class ResController {GetMapping("/test/{value}")public String testController(PathVariable…

自动驾驶横向控制算法

本文内容来源是B站——忠厚老实的老王&#xff0c;侵删。 三个坐标系和一些有关的物理量 使用 frenet坐标系可以实现将车辆纵向控制和横向控制解耦&#xff0c;将其分开控制。使用右手系来进行学习。 一些有关物理量的基本概念&#xff1a; 运动学方程 建立微分方程 主要是弄…

力扣HOT100 - 207. 课程表

解题思路&#xff1a; class Solution {public boolean canFinish(int numCourses, int[][] prerequisites) {int[] inDegree new int[numCourses];//存每个结点的入度List<List<Integer>> res new ArrayList<>();//存结点之间依赖关系Queue<Integer>…

Pulsar【部署 02】Pulsar可视化工具Manager安装使用

Pulsar Manager 是一个基于 web 的 GUI 管理和监视工具&#xff0c;可帮助管理员和用户管理和监视租户、命名空间、主题、订阅、代理、集群等&#xff0c;并支持对多个环境进行动态配置。 可视化工具Manager安装使用 1.Docker1.1 拉取镜像并启动1.2 设置用户名密码1.3 登录并添…

CSS Position定位(详解网页中的定位属性)

目录 一、Position介绍 1.概念 2.特点 3.作用 4.应用 二、Position用法 1.position属性 2.static定位 3.fixed定位 4.relative定位 5.absolute定位 6.sticky定位 7.重叠的元素 三、CSS定位属性 四、总结 一、Position介绍 1.概念 文档流&#xff08;Document Fl…

java实现模板填充word,word转pdf,pdf转图片

Java实现Word转PDF及PDF转图片 在日常开发中&#xff0c;我们经常需要将文件操作&#xff0c;比如&#xff1a; 根据模板填充wordword文档中插入图片Word文档转换为PDF格式将PDF文件转换为图片。 这些转换可以帮助我们在不同的场景下展示或处理文档内容。下面&#xff0c;我将…

【经典面试题】Vue3和Vue2有什么区别?

在这篇博客中&#xff0c;我们将深入探讨 Vue 2 和 Vue 3 之间的主要差异&#xff0c;并通过示例代码来展示这些差异。 1. 架构变化 Vue 3 引入了一种新的内部架构&#xff0c;使用 Proxy 替代了 Vue 2 中的 Object.defineProperty。这个变化带来了性能的提升和更好的内存管理…

小米消金强化普惠金融举措,构建消费者反诈安全屏障

近年来&#xff0c;随着通信技术的飞速发展&#xff0c;电信网络诈骗作为一种非接触性犯罪形式&#xff0c;给广大消费者带来了严重的经济损失&#xff0c;并对金融秩序造成了极大的破坏。为了应对这一严峻挑战&#xff0c;重庆小米消费金融有限公司&#xff08;以下简称“小米…

容器Docker:轻量级虚拟化技术解析

引言 随着云计算和虚拟化技术的飞速发展&#xff0c;容器技术以其轻量级、高效、可移植的特性&#xff0c;逐渐成为了软件开发和部署的新宠。在众多容器技术中&#xff0c;Docker以其简单易用、功能强大的特点&#xff0c;赢得了广泛的关注和应用。本文将全面介绍Docker的基本概…

qml基本元素使用

目录 常用元素可视元素Rectangle 绘制矩形区域Text 显示文本Image 显示图像。TextInput 接受用户输入的文本框。Button 响应用户点击的按钮。CheckBox 处理用户选择的复选框。RadioButton 处理用户选择的单选按钮。 非可视元素Item 所有可视元素的基类&#xff0c;但它本身不显…

如何将本地项目上传到Github(SSH方式)

天行健&#xff0c;君子以自强不息&#xff1b;地势坤&#xff0c;君子以厚德载物。 每个人都有惰性&#xff0c;但不断学习是好好生活的根本&#xff0c;共勉&#xff01; 文章均为学习整理笔记&#xff0c;分享记录为主&#xff0c;如有错误请指正&#xff0c;共同学习进步。…

贸易管理软件品牌整理「2024」

贸易管理软件2024品牌整理有&#xff1a;孚盟MX贸易管理软件、Xero贸易管理软件、Sage贸易管理软件&#xff0c;以及供应链管理软件如SAP、Oracle SCM、Infor等。 贸易管理软件的主要功能包括订单管理、供应链管理、财务管理、物流管理等多个方面。通过集成这些功能模块&#…

Blender常见操作

1.局部视图&#xff1a;Local View&#xff0c;也可称作Solo模式&#xff0c;按快捷键 “/”进入&#xff0c;在按退出&#xff0c;只显示选中的物体&#xff08;可多选&#xff09;&#xff0c;方便编辑 2.物体合并&#xff1a;Ctrl J 其中&#xff0c;当选中多个物体时&am…