一、html介绍
1、定义:一个超文本标记语言,不是一种编程性语言
2、标记:记号(绰号)
3、超文本:就是页面内容包含图片、链接、音乐、视频等素材
4、为什么学习html?a测试页面功能,需要了解页面元素(页面是html语言编写的)b方便我们进行ui自动化,定位元素
5、html有哪些特定?a简易性 b可拓展性强 c平台无关性 d通用性
6、什么人员用到html?
前端开发:负责页面设计,页面排版
后端开发:负责后天逻辑编写,编程语言(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>空 格</p>
</body>
</html>
3、图片标签
(1)引用本地图片
a、图片可以拖拽到img下或放在img文件下
(2)引用网上图片
网上图片链接:
https://pic.rmb.bdstatic.com/bjh/news/ab2f36a579cfdb35afb87cf4634bc534.jpeg