3.12-1 html讲解

2025/3/16 3:24:48 来源：https://blog.csdn.net/2503_90633075/article/details/146196504 浏览: 次关键词：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>

<head>

</head>

<body>

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

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

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

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

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

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

</body>

</html>

2、常用标签

代码：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

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

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

</body>

</html>

3、图片标签

（1）引用本地图片

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

（2）引用网上图片

网上图片链接：

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

3.12-1 html讲解

相关资讯

热文排行

最新新闻

推荐新闻

热搜词