3.12-1 html讲解

devtools/2025/3/13 10:00:25/
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/devtools/166737.html

相关文章

【C++ STL】 容器详解:priority_queue 学习

在 C STL&#xff08;标准模板库&#xff09;中&#xff0c;priority_queue 是 优先队列&#xff0c;它是一种特殊的队列&#xff0c;出队顺序 按照优先级排序&#xff0c;而非 FIFO&#xff08;先进先出&#xff09;。底层实现通常基于 堆&#xff08;heap&#xff09; 数据结…

c++介绍信号六

信号量是c中实现对有限资源访问控制&#xff0c;现成通过信号量获得对资源访问的许可。可用资源大于0&#xff0c;线程可以对资源进行访问&#xff0c;此时计数器减1。当计数器为0时&#xff0c;不可访问资源&#xff0c;线程进入等待。当资源释放时&#xff0c;线程结束等待&a…

Day24 洛谷真题讲解(递归方法找数)

我当时一看到这道题&#xff0c;第一想法就是如何能整k个循环&#xff0c;其实自己也知道这个几乎没法整&#xff0c; 然后我就感觉这道题很可以利用到那些复杂的方法 但是我真的没想太通 然后在一个很好的up主中我找到了一个讲的很好的 大家看下面的那个 大家重点看一下上…

大白话如何使用 CSS 实现响应式布局?请列举一些常见的方法。

大白话如何使用 CSS 实现响应式布局&#xff1f;请列举一些常见的方法。 答题思路 首先要解释什么是响应式布局&#xff0c;让读者明白其概念和重要性。然后依次介绍常见的实现响应式布局的CSS方法&#xff0c;包括媒体查询、弹性布局&#xff08;Flexbox&#xff09;、网格布…

【蓝桥杯每日一题】3.8

&#x1f3dd;️专栏&#xff1a; 【蓝桥杯备篇】 &#x1f305;主页&#xff1a; f狐o狸x 抱一丝各位&#xff0c;前面两个月生了一场重病没有更新&#xff0c;懒病太严重了&#xff0c;从现在开始接着这个专题更新 每天刷一题&#xff0c;头发少一根&#xff1b;但若放弃治疗…

数据量过大的时候导出数据很慢

原因解析 速度慢无非两个原因: sql取数很慢程序很慢 sql很慢有3种原因: sql本身查询不合理,需要优化数据库没有索引多次频繁访问数据,造成了不必要的开销 取消多次获取数据,一次获取 框定一个大致的范围,获取此次查询的所有数据使用map设置数据,没有主键使用傅和主键拼接数据 /…

Java多线程与高并发专题——阻塞和非阻塞队列的并发安全原理是什么?

引入 之前我们探究了常见的阻塞队列的特点&#xff0c;在本文我们就以 ArrayBlockingQueue 为例&#xff0c;首先分析 BlockingQueue &#xff0c;也就是阻塞队列的线程安全原理&#xff0c;然后再看看它的兄弟——非阻塞队列的并发安全原理。 ArrayBlockingQueue 源码分析 …

【网络协议详解】——QOS技术(学习笔记)

目录 QoS简介 QoS产生的背景 QoS服务模型 基于DiffServ模型的QoS组成 MQC简介 MQC三要素 MQC配置流程 优先级映射配置(DiffServ域模式) 优先级映射概述 优先级映射原理描述 优先级映射 PHB行为 流量监管、流量整形和接口限速简介 流量监管 流量整形 接口限速…