当前位置: 首页 > article >正文

3.12-1 html讲解

一、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.kler.cn/a/584284.html

相关文章:

  • QQuick-Binding的介绍
  • e2studio开发RA4L1(1)---开发板测试
  • 【Linux】动/静态库
  • 重生之我在学Vue--第10天 Vue 3 项目收尾与部署
  • Unity Lerp和InverseLerp函数用处
  • 【C++】每日一练(用队列实现栈)
  • 【fnOS飞牛云NAS本地部署跨平台视频下载工具MediaGo与远程访问下载视频流程】
  • VS Code 配置优化指南
  • 【TES817】基于XCZU19EG FPGA的高性能实时信号处理平台
  • 【从零开始学习计算机科学】数据库系统(七)并发控制技术
  • 元宇宙与数字孪生
  • 如何查看mysql某个表占用的空间大小
  • 深度学习 bert流程
  • ClickHouse的数据引擎:解锁大数据分析的奥秘
  • Netty基础—4.NIO的使用简介二
  • 工控hmi医疗终端机的界面如何来设计?本文为你解答
  • GolangTCP通信解决粘包问题
  • JAVA中的多线程安全问题及解决方案
  • 计算机网络-网络存储技术
  • MySql数据库等级考试学习分享2(Day5)