首页 > 其他分享 >HTML标签简介

HTML标签简介

时间:2023-02-08 15:44:45浏览次数:38  
标签:换行 标签 html HTML 简介 跳转 链接 页面

段落标签 p
<p>这是一个段落</p>
注:
p 标签之间存在一个空隙
当前的 p 标签描述的段落 , 前面还没有缩进 . ( 未来 CSS 会学 )
自动根据浏览器宽度来决定排版 .
html 内容首尾处的换行 , 空格均无效 .
在 html 中文字之间输入的多个空格只相当于一个空格 .
html 中直接输入换行不会真的换行 , 而是相当于一个空格 .
虽然这些标题是在html中多行编写的,但实际页面中,是按照,单行来展示的。

换行标签 br

br 是一个单标签 ( 不需要结束标签 ) br 标签不像 p 标签那样带有一个很大的空隙 . <br/> 是规范写法 . 不建议写成 <br>

格式化标签

加粗 : strong 标签 和 b 标签 倾斜 : em 标签 和 i 标签 删除线 : del 标签 和 s 标签 下划线 : ins 标签 和 u 标签

超链接 a标签
效果就是点击之后能跳转到其他页面

外部链接
<a href="https://www.bilibili.com/video/BV1TY41177QE?spm_id_from=333.1007.top_right_bar_window_history.content.click">10秒7个G!究竟什么瞬间值得用8K RAW来记录!</a>
内部链接
网站内部页面之间的链接 . 写相对路径即可 .
<!-- 1.html -->
我是 1.html
<a href="2.html">点我跳转到 2.html</a>
<!-- 2.html -->
我是 2.html
<a href="1.html">点我跳转到 1.html</a>
空链接
使用 # 在 href 中占位 .
<a href="#">空链接</a>https://www.qgomo.com/mnst14/

网页元素链接
可以给图片等任何元素添加链接 ( 把元素放到 a 标签
<a href="http://www.sogou.com">
<img src="rose.jpg" alt="">
</a>
下载链接
<a href="dog.zip">图片</a>
锚点链接
点击了之后,是在本页面里面跳转到某个特定的位置

链接与连接的区别

连接(Connection)表示客户端和服务器通信就绪的一种状态

像TCP,虚电路就需要先建立连接

图片标签 img

 <img src="dog.jpg" alt="">

        通过src描述图片具体所在的位置

这里的src可以是一个绝对路径,也可以是一个相对路径,还可以是一个网络路径

标签:换行,标签,html,HTML,简介,跳转,链接,页面
From: https://www.cnblogs.com/5-si6/p/17102000.html

相关文章

  • 二、SpringMVC的简介
    SpringMVC概述SpringMVC是一种基于Java的实现MVC设计模型的请求驱动类型的轻量级Web框架,属于SpringFrameWork的后续产品,已经融合在SpringWebFlow中。SpringM......
  • 【转载】一款含金量超高的专利数据库使用简介——德温特创新索引
    原文地址:一款含金量超高的专利数据库使用简介——德温特创新索引(njust.edu.cn)  ========================================  科睿唯安的德温特是全球最知......
  • shiro-从数据库中获取授权信息与显示菜单在页面上(注解版和jsp标签)
    修改realm的doGetAuthorizationInfo,从数据库查询权限信息。使用注解式授权方法。使用jsp标签授权方法。1.修改doGetAuthorizationInfo从数据库查询......
  • tp5扩展标签库
    #1、创建自定义标签库文件Test.php<?php//+----------------------------------------------------------------------//|ThinkPHP[WECANDOITJUSTTHINKIT]//......
  • Grafana 系列文章(十一):Loki 中的标签如何使日志查询更快更方便
    ......
  • 005_REST开发_REST风格简介
    REST风格简介:REST(RepresentationalStateTransfer),表现形式状态转换 传统风格资源描述形式:http://localhost/user/getById?id=1REST风格描述形式:http://localhost/us......
  • HTML学习笔记
    安装VSCode安装VSCode安装中文语言包尝试安装ayu主题将一个目录作为项目目录大创建一个新网页安装liveserver尝试通过liveserver来运行网页设置代码自动存储......
  • freeswitch笔记(6)-会议功能简介
    电话会议是一个常用功能,freeswitch当然支持,下面是基本用法:一、发起会议1conference test bgdialuser/1004上面的命令表示,发起1个名为test的会话,......
  • java_html笔记
    颜色color字体大小 1.数值+单位 2.关键字-px-em字体(可以写多个,但不是全都生效只生效存在的如果全都不存在则使用默认字体)font-family:"abccde",......
  • 大学生学html5课堂笔记
    html 如果时间允许,会涉及到html5Css 如果时间允许,会涉及到css3学习的技术,主要为html4+css2如果你有HBuilder sublim vsCode,可不选择下载HBuilderX前端三剑客:HTML+CS......