当前位置: 首页 > news >正文

前端开发:HTML常见标签

1.注释标签

注释不会显示在界面上 . 目的是提高代码的可读性 .
ctrl + / 快捷键可以快速进行注释 / 取消注释 .    <!-- 我是注释 -->

 2.标题标签

有六个 , h1 - h6. 数字越大 , 则字体越小
<h1> hello </h1>        //我们所写的csdn的格式中的标题一到标题6,就是如此;
<h2> hello </h2>
<h3> hello </h3>
<h4> hello </h4>
<h5> hello </h5>
<h6> hello </h6>

3.段落标签 

如果一段文本直接调在html上的时候,他不会划分段落,必须使用段落标签;字符串string类型中的回车会被解析成空格

<p>这是一个段落</p>        //将文本内容划分为一段一段的;

 4.换行标签

<br/> 是规范写法 . 不建议写成 <br>
br 是 break 的缩写 . 表示换行
br 是一个单标签 ( 不需要结束标签 )
br 标签不像 p 标签那样带有一个很大的空隙 .也就是行间距很小

 5.格式标签

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

6.图片标签

img标签必须带有src(sorce—源的意思)属性,表示图片的路径;

<img src = "./rose.jpg" >
采用绝对路径或相对路径
alt: 替换文本 . 当文本不能正确显示的时候 , 会显示一个替换的文字 .
title: 提示文本 . 鼠标放到图片上 , 就会有提示 .
width/height: 控制宽度高度 . 高度和宽度一般改一个就行 , 另外一个会等比例缩放 . 否则就会图片失衡.
border: 边框 , 参数是宽度的像素 . 但是一般使用 CSS 来设定
<img src = "rose.jpg" alt = "图片加载失败 " title = " 这是一朵鲜花 " width = "500px" height = "800px"
border = "5px" >
使用绝对路径来搞网络上的资源
<img src = "https://images0.cnblogs.com/blog/130623/201407/300958475557219.png"
alt = "" >        //这个只是例子,我的此图片可能过期
1. 属性可以有多个 , 不能写到标签之前
2. 属性之间用空格分割 , 可以是多个空格 , 也可以是换行
3. 属性之间不分先后顺序
4. 属性使用 " 键值对 " 的格式来表示 .

7.超链接标签

<a href = "http://www.baidu.com" target="_self" > 百度 </a>
href: 必须具备 , 表示点击后会跳转到哪个页面 .
百度是将超链接放到这两个字里,我们在网页上点新闻会自动跳转也是这个原理;
target: 打开方式 . 默认是 _self. 如果是 _blank 则用新的标签页打开 .那个下滑线是必须的
外部链接:
<a href = "http://www.baidu.com" target="_self" > 百度 </a>
内部链接 : 网站内部页面之间的链接 . 写相对路径即可 .
<a href = "2.html" > 点我跳转到 2.html </a>
空链接 : 使用 # href 中占位
<a href = "#" > 空链接 </a>
下载链接 : href 对应的路径是一个文件 . ( 可以使用 zip 文件 )
<a href = "test.zip" > 下载文件 </a>//是.zip会直接下载,.txt会打开;
网页元素链接 : 可以给图片等任何元素添加链接 ( 把元素放到 a 标签中
<a href = "http://www.sogou.com" >
<img src = "rose.jpg" alt = "" >
</a>
锚点链接 : 可以快速定位到页面中的某个位置
<a href = "#one" > 第一集 </a>
<p id = "one" > 第一集剧情 <br> </p>
<p id = "two" > 第二集剧情 <br> </p>
禁止 a 标签跳转 :
<a href="javascript:void(0) ; "> 或者 <a href="javascript: ; ">
http://www.lryc.cn/news/520762.html

相关文章:

  • 【机器学习】主动学习-增加标签的操作方法-样本池采样(Pool-Based Sampling)
  • 【Rust自学】11.9. 单元测试
  • 深入理解Web存储机制:Cookie、SessionStorage与LocalStorage的区别
  • SpringBoot之BeanDefinitionLoader类源码学习
  • 【芯片封测学习专栏 -- 2D | 2.5D | 3D 封装的区别和联系】
  • 从硬件设备看Linux
  • open3d+opencv实现矩形框裁剪点云操作(C++)
  • git 本地操作
  • PL/SQL语言的文件操作
  • linux lsof 和 fuser命令介绍
  • [Python学习日记-76] 网络编程中的 socket 开发 —— 介绍、工作流程、socket 模块用法和函数介绍
  • vue(七) vue进阶
  • [Transformer] The Structure of GPT, Generative Pretrained Transformer
  • Django Admin 自定义操作封装
  • http和https有哪些不同
  • PL/SQL语言的数据库交互
  • 亿道三防丨三防笔记本是什么意思?和普通笔记本的优势在哪里?
  • 从项目代码看 React:State 和 Props 的区别及应用场景实例讲解
  • Vue 学习之旅:核心技术学习总结与实战案例分享(vue指令下+计算属性+侦听器)
  • freertos的基础(二)内存管理:堆和栈
  • vue \n 换行不不显示
  • GPT 系列论文精读:从 GPT-1 到 GPT-4
  • 在 Ubuntu 上安装和配置 Redis
  • Excel中双引号问题
  • 【机器学习】主动学习-增加标签的操作方法-流式选择性采样(Stream-based selective sampling)
  • elementUI项目中,只弹一个【token过期提示】信息框的处理
  • SpringBoot开发—— SpringBoot中如何实现 HTTP 请求的线程隔离
  • 【LLM】25.1.11 Arxiv LLM论文速递
  • 单片机实物成品-012 酒精监测
  • 使用葡萄城+vue实现Excel