首页 > 其他分享 >使用HTML

使用HTML

时间:2024-09-09 10:53:20浏览次数:14  
标签:标签 使用 标题 HTML 图像 链接

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地址

标签:标签,使用,标题,HTML,图像,链接
From: https://blog.csdn.net/nice66660/article/details/142053508

相关文章

  • HTML笔记 06
    第六章盒子模型border边框border-color:边框颜色border-width:边框粗细border-style:边框样式solid实线dashed虚线dotted点式double双框同时设置边框的颜色·粗细·样式:border:1pxsolid#3a6587margin外边距网页居中对齐margin:auto;padding内边距box-sizin......
  • 如何使用API接口获取 TaoBao 商品数据详情
    在电子商务的快速发展中,淘宝作为中国最大的电商平台之一,提供了丰富的API接口,使得开发者能够高效地获取淘宝商品的详细信息。这些信息包括商品的基本属性、价格、库存状态、销售策略、卖家信息等,对于电商分析、市场研究或者商品信息管理等场景非常有用。什么是淘宝API接口?淘......
  • iptables 命令使用帮助总结
    1.iptables命令帮助参数root@controller1:~#iptables--helpiptablesv1.6.1Usage:iptables-[ACD]chainrule-specification[options]iptables-Ichain[rulenum]rule-specification[options]iptables-Rchainrulenumrule-specification[options]......
  • C++学习笔记(曾经我看不懂的代码2:基于范围的for循环、auto使用、stl容器、template模
    不知不觉c++程序设计:标准库已经看了一大半了,学到了很多,很多曾经在网上和在书上看到却看不懂的代码,在看完标准库中的大半内容以后,都能大致的理清代码的含义。代码模板一:for(auto&a:arr)1、基于范围的for循环:a为迭代变量,arr为迭代范围,&表示引用。写一个例子:#include<ios......
  • C/C++中extern函数使用详解
    extern可以置于变量或者函数前,以标示变量或者函数的定义在别的文件中,提示编译器遇到此变量和函数时在其他模块中寻找其定义。此外extern也可用来进行链接指定目录一、定义和声明的区别二、extern用法2.1extern函数2.2extern变量2.3在C++文件中调用C方式编译的函数三、通俗讲......
  • Docker镜像使用
    一、查看设置docker镜像仓库地址cat/etc/docker/daemon.json修改完成后,需要重启docker才会生效,systemctlrestartdockerdockerinfo在最后就能看到镜像仓库地址列表在通过dockerpull域名/library/镜像名称:版本号可以拉取镜像到本地dockerimages查看本地镜像列表......
  • Android开发 - Map 键值对链表的使用解析
    创建和初始化MapHashMap:常用的实现类,基于哈希表Map<String,Integer>map=newHashMap<>();LinkedHashMap:保持插入顺序的实现类Map<String,Integer>map=newLinkedHashMap<>();TreeMap:基于红黑树,按键的自然顺序或提供的比较器排序Map<String,Integer>map=......
  • 16 Python的包以及import和from的使用
    本篇是Python系列教程第16篇,更多内容敬请访问我的Python合集1创建包创建文件夹:首先你需要创建一个文件夹作为包的容器。添加__init__.py文件:在这个文件夹内需要有一个特殊的文件叫做__init__.py。这个文件可以为空,也可以包含初始化代码。它的存在标志着这个目录可......
  • centos使用syslog来传日志
    centos是自带rsyslog服务的直接打开rsyslog的配置文件:vim/etc/rsyslog.conf在底端加入内容module(load="imfile")#加载imfile模块input(type="imfile"File="/data/app1.log"Tag="app1"Severity="info"......
  • Docker 知识梳理及其安装使用
    Docker介绍Docker是一个强大的工具,用于高效开发、打包和部署应用程序。Docker是一种容器管理服务。Docker于2013年发布。它是开源的,可用于Windows、macOS和Linux等不同平台。Docker正在快速交付、测试和部署代码。这样可以减少编写代码和在生产环境中运行代码之间的延......