使用HTML

embedded/2024/9/23 8:56:59/

1.使用HTML的基本标签创建网页

2.使用相关的标签对文本信息进行排版

3.使用相关的图像标签,将图像和文本排版相结合

4.使用<a>标签创建超链接,锚链接以及功能性链接

使用vs code工具

HTML网络基本结构包括:网页头部 and 主体部分

成对的标签分别叫做:开放标签和闭合标签

二.标签

1.标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2.段落标签

<h1>北京欢迎你</h1>
<p>北京欢迎你,有梦想谁都了不起!</p>
<p>有勇气就会有奇迹。</p>

3.换行标签

<br>

4.水平线标签

<hr/>

5.字体样式标签

​ 加粗

​ 斜体

空格	&nbsp;
大于号(>)	&gt;
小于号(<)	&lt;
引号(")	&quot;
版权符号@	&copy;

6.图像标签

<img    src="path"   alt="text"    title="text"       wide="x" height="y"   /> 

src :图像地址;

alt :图像的替代文字;

title:鼠标悬停提示文字;

width:图像宽度;

height:图像高度;

 实例:   <img
src="image/hetao.jpg"
alt="无漂白薄皮核桃"
title="无漂白薄皮核桃"
width="160" height="160"  
/>

内部路径

​ 绝对路径 从根目录开始

​ 相对路径 图片相对于文件的位置在哪

外部路径

​ 需要带http

7.链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>

h ref:链接路径;

target:链接在哪个窗口打开;

<a  href="detail.html"  target="_blank">姑娘,欢迎降落在这残酷的世界</a>
<a  href="detail.html"  target="_blank"><img src="image/img1.png" alt="姑娘,欢迎降落在这残酷的世界"title="姑娘,欢迎降落在这残酷的世界" />
</a>

8.锚链接

<a href="#marker">甲位置</a>
跳转到→         
<a name="marker">乙位置</a>

9.功能性链接

//QQ打开临时对话
<a href="tencent://message/?Menu=yes&uin=QQ号& Service=300&sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a595b1714f9d45">qq留言</a>
//打电话
<a href = "tel: 电话">目标电话</a>
idconfig查看本机ip地址

http://www.ppmy.cn/embedded/111344.html

相关文章

如何正确使用布尔表达式

在Java编程语言中&#xff0c;布尔表达式&#xff08;Boolean Expressions&#xff09;是程序逻辑控制的核心部分。它们是用来表示“真”&#xff08;true&#xff09;或“假”&#xff08;false&#xff09;的逻辑语句&#xff0c;通常用于控制程序的执行流程&#xff0c;比如…

shader 案例学习笔记之将坐标系分成4个象限

代码&#xff1a; _st * 2.0;float index 0.0; index step(1., mod(_st.x,2.0)); index step(1., mod(_st.y,2.0))*2.0; 示意图&#xff1a; 计算左下角 计算右下角 计算左上角 计算右上角 最后结果示意&#xff1a; 坐标系被分成了4个单元格&#xff0c;每个单元格都有…

测试工程师学历路径:从功能测试到测试开发

现在软件从业者越来越多&#xff0c;测试工程师的职位也几近饱和&#xff0c;想要获得竞争力还是要保持持续学习。基本学习路径可以从功能测试-自动化测试-测试开发工程师的路子来走。 功能测试工程师&#xff1a; 1、软件测试基本概念&#xff1a; 学习软件测试的定义、目的…

Android SystemUI组件(05)状态栏-系统状态图标显示管理

该系列文章总纲链接&#xff1a;专题分纲目录 Android SystemUI组件 本章关键点总结 & 说明&#xff1a; 说明&#xff1a;本章节持续迭代之前章节的思维导图&#xff0c;主要关注下方 SystemBars分析中状态栏中的部分-系统状态图标显示&管理 即可。 1 系统状态图标显…

Machine Learning: A Probabilistic Perspective 机器学习:概率视角 PDF免费分享

下载链接在博客最底部&#xff01;&#xff01; 之前需要参考这本书&#xff0c;但是大多数博客都是收费才能下载本书。 在网上找了好久才找到免费的资源&#xff0c;浪费了不少时间&#xff0c;在此分享以节约大家的时间。 链接: https://pan.baidu.com/s/1erFsMcVR0A_xT4fx…

安卓13禁止声音调节对话框 删除音量调节对话框弹出 屏蔽音量对话框 android13

总纲 android13 rom 开发总纲说明 文章目录 1.前言2.问题分析3.代码分析3.1 方法13.2 方法24.代码修改4.1 代码修改方法14.2 代码修改方法25.编译6.彩蛋1.前言 客户需要,调整声音,不显示声音调节对话框了。我们在系统里面隐藏这个对话框。 2.问题分析 android在调整声音的…

深入了解单元测试框架:JUnit 5、Mockito和 AssertJ

好的&#xff0c;我会将这篇文章扩充一倍&#xff0c;并详细描述 mockStatic 等内容。 深入了解单元测试框架&#xff1a;JUnit 5、Mockito和 AssertJ 在现代软件开发中&#xff0c;单元测试是确保代码质量和稳定性的重要手段。本文将详细介绍如何使用 JUnit 5 进行单元测试&…

【Webpack】了解Webpack

&#x1f913;&#x1f60d;Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主 &#x1f431;‍&#x1f409;若此文你认为写的不错&#xff0c;不要吝啬你的赞扬&#xff0c;求收藏&#xff0c;求评论&#xff0c;求一个大大的赞&#xff01;&#x1f44d;* &#x…