3.12-1 html讲解

server/2025/3/16 21:55:51/
htmledit_views">

一、html介绍

1、定义:一个超文本标记语言,不是一种编程性语言

2、标记:记号(绰号)

3、超文本:就是页面内容包含图片、链接、音乐、视频等素材

4、为什么学习html?a测试页面功能,需要了解页面元素(页面是html语言编写的)b方便我们进行ui自动化,定位元素

5、html有哪些特定?a简易性 b可拓展性强 c平台无关性 d通用性

6、什么人员用到html

前端开发:javascrip+html+cass   js

h5=html5(html的第5个版本)

前端开发:负责页面设计,页面排版

后端开发:负责后天逻辑编写,编程语言(python,java)

7如何查看html页面元素?

a查看方式1:f12或fn+f12

b查看方式2:浏览器中 ===更多===开发者工具查看页面元素

二、hbilder安装

hbilder一个编写html的ide工具

1、下载hbilder包2、解压包3、点击exe安装包打开或发送到桌面4、点击暂不登录5、表示安装成

6、快捷键

(1)ctrl+n+w  创建项目

(2)ctrl+n+h   创建html文件

(3)ctrl+s  保存)(未保存显示*号)

(4)ctrl+r  运行

(5)ctrl+z  撤回

(6)!+tab键  联想基本格式

(7)ctrl+/  注释和取消注释

(8)ctrl+鼠标滚轮,   字体方大和缩小

一、认识标签

1、标题标题

h1--h6

图片

格式:

<!doctype html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<title>认识标签</title>

</head>

<body>

<h1>第一大标题</h1>

<h2>第二大标题</h2>

<h3>第三大标题</h3>

<h4>第四大标题</h4>

<h5>第五大标题</h5>

<h6>第六大标题</h6>

</body>

</html>

2、常用标签

图片

代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>常用标签</title>

</head>

<body>

<p>段落标签,也叫p标签</p>

<em>斜体标签,也叫em标签</em><br />

<b>b标签,也是加粗</b><br />

<i>斜体标签</i><br />

<strong>加粗标签</strong>

<u>下划线</u>

<s>删除线</s>

<sub>下标</sub>

<sup>上标</sup><br />

   <font color="aqua"> 颜                色</font>

<p>空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格</p>

</body>

</html>

3、图片标签

(1)引用本地图片

a、图片可以拖拽到img下或放在img文件下

图片

图片

图片

(2)引用网上图片

网上图片链接:

https://pic.rmb.bdstatic.com/bjh/news/ab2f36a579cfdb35afb87cf4634bc534.jpeg

图片


http://www.ppmy.cn/server/175532.html

相关文章

Microsoft Dragon Copilot:医疗AI革命开启,用语音终结手写病历时代

微软正式发布全球首个医疗行业一体化语音AI助手Microsoft Dragon Copilot,标志着临床工作流程正式迈入“人机协作”新时代。这款工具通过语音+文本混合架构,将医生口述内容实时转化为结构化病历,并深度整合电子健康记录(EHR)系统,彻底颠覆了传统手写病历模式。根据微软官…

【QT】-解析打包json

在 Qt 中&#xff0c;接收到 JSON 字符串后&#xff0c;可以通过 QJsonDocument 来解析 JSON 数据&#xff0c;获取字段值。同时&#xff0c;可以使用 QJsonDocument 将数据打包成 JSON 字符串&#xff0c;然后发送到 RabbitMQ 或其他地方。这个方法在 Qt 中非常常见且稳定。 …

Java基础语法练习42(基本绘图-基本的事件处理机制-小坦克的绘制-键盘控制坦克移动)

目录 一、图形的基本绘制 1.基本介绍&#xff1a; 2.入门代码如下&#xff1a; 3.常用图形的绘制, 示例代码如下&#xff1a; 二、坦克的绘制 三、事件处理机制 四、坦克的移动 一、图形的基本绘制 1.基本介绍&#xff1a; Component 类提供了两个和绘图相关最重要的方…

CentOS系统中使用sendmail

在CentOS系统中&#xff0c;如果你想要使用sendmail来发送电子邮件&#xff0c;你可以通过以下步骤来配置和测试它。sendmail是Linux系统上常用的邮件传输代理&#xff08;MTA&#xff09;&#xff0c;它可以用来发送邮件。 步骤1&#xff1a;安装sendmail 首先&#xff0c;你…

常见的死锁情况分析

死锁 定义&#xff1a; 是指多个进程或线程在执行过程中&#xff0c;由于竞争资源或因通信的需要而产生的相互等待的状态&#xff0c;使得它们无法继续执行下去&#xff08;单线程中使用不恰当也会导致死锁问题&#xff09;。 如下为常见的死锁原因&#xff1a; a. 互斥条件…

股指期货的锁仓是什么意思?

股指期货锁仓是指投资者在持有某一方向仓位的同时&#xff0c;反向开立一个数量相等但方向相反的仓位。这种操作类似于给持仓“上锁”&#xff0c;无论市场价格如何波动&#xff0c;锁仓后的盈亏状态都不会再发生变化。锁仓的主要目的是在不确定的市场环境下&#xff0c;锁定当…

利用Python爬虫根据关键词获取商品列表

在电商领域&#xff0c;通过关键词搜索商品并获取商品列表是常见的需求。本文将详细介绍如何使用Python编写爬虫程序&#xff0c;根据关键词获取商品列表&#xff0c;并确保爬虫行为符合平台规范。为了具体展示&#xff0c;我们将以一个假设的电商平台为例&#xff0c;展示如何…

Python 实现的采集诸葛灵签

Python 实现的采集诸葛灵签 项目介绍 这是一个基于 Python 开发的诸葛灵签数据采集和展示项目。通过爬虫技术获取诸葛神签的签文和解签内容&#xff0c;并提供数据存储和查询功能。 项目结构 zhuge/├── zhuge_scraper.py # 爬虫主程序├── zhuge_pages/ # 数据存储目录…