欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 健康 > 美食 > 3.12-1 html讲解

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>

<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

图片

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词