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

HTML|02HTML标签

HTML标签的语义化

语义化就是:标签的含义

HTML标签

排版标签标题标签h<h1></h1> 标签有h1-h6,没有h7段落标签p<p></p>水平线标签hr<hr /> 单标记换行标签br<br />div span标签用来布局的
文本格式化标签<b></b><strong></strong>  加粗显示(XHTML推荐使用strong)<i></i><em></em>          斜体显示(XHTML推荐使用em)<s></s><del></del>        加删除线显示(XHTML推荐使用del)<u></u><ins></ins>        加下划线显示(XHTML不赞成使用u)b i s u标签没有强调的意思,strong em del ins 语义更强烈。
标签属性标签语法格式:`<标签名 属性1='属性值1' 属性2='属性值2'> 内容 </标签名>`                      1.标签可以拥有多个属性,必须卸载开始标签中,位于标签名后面。2.属性之间部分先后顺序,标签名与属性、属性与属性之间均以空格隔开。3.任何标签的属性都有默认值,省略该属性则取默认值。
图像标签img<img src='图片路径' alt='图像不能显示时的替换文本'title='鼠标悬停时显示的内容'width='图像的宽度'height='图像的高度'border='图像边框的宽度'/>
链接标签a<a href='跳转目标' target='目标窗口的弹出方式'/>target默认是slef,blank为在新窗口中打开链接,比如<a href="http://www.baidu.com" target="_black">百度</a>注意:1.外部链接,需要添加http://,比如百度http://baidu.com2.内部链接,直接链接内部页面名称,比如<a href="04.常用标签-新闻练习.html">今日新闻</a>3.如果当时没有确定链接目标时,通常将链接herf属性设置为#(即<a href="#"></a>),表示该链接暂时为空连接4.不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接锚点定位通过创建锚点链接,用户能够快速定位到目标内容。创建锚点链接分为两步:1.使用<a href='#id名'> 创建文本链接2.使用相应的id名标注跳转目标的位置,比如:<h3 id="id名"></h3>base标签可以设置整体链接的打卡状态,比如:<base target="_blank" />特殊字符标签&nbsp;  空格符&lt;    小于号<&gt;    大于号> &amp;   和号&&yen;   人民币¥&copy;  版权©&reg;   注册商标®&deg;   摄氏度°&plusmn;    正负号±&times; 乘号×&divide;    除号÷&sup2;  平方(上标2)&sup3;  立方(上标3)注释标签<!-- 注释 -->
   路径相对路径<img src="..\..\..\..\..\..\..\图片\爱豆\IMG_0143.JPG">绝对路径显示全部路径,比如<img src="E:\一念之间\图片\爱豆\IMG_0143.JPG">列表标签无序列表ul<ul><li></li><li></li><li></li></ul>注意:1. ul标签中只能放li标签2. li标签相当于一个容器,比如<li><p>西红柿</p></li>3. 无序列表会有自己的样式属性,让CSS处理。有序列表ol<ol><li></li><li></li><li></li></ol>自定义列表<dl><dt>北京</dt><dd>昌平</dd><dd>通州</dd><dd>顺义</dd><dd>海淀</dd></dl>

相关文章:

  • 深入理解 Nginx 的正向代理和反向代理
  • 国内算力真的紧缺么?
  • Redis启停脚本
  • 淘宝扭蛋机小程序:互联网时代下行业的发展动力
  • 智慧校园的含义是什么
  • 使用Selenium进行元素定位的全面指南
  • MATLAB神经网络---lstmLayer(LSTM 长短期记忆神经网络)
  • 遥遥领先,华为《仓颉编程语言白皮书》重磅来袭!!!
  • 不清楚数据治理路线图怎么制定?跟随这个思路即可
  • AI创作在论文写作中扮演什么角色?
  • Python有哪些就业方向?就业市场广阔!
  • C# —— 构造函数
  • 【Python高级编程】新手小白必须得学会的文本文件操作,资料资源均可分享!
  • mac苹果窗口辅助工具:Magnet for mac 2.14.0中文免激活版
  • 数据采集之二主一从,485总线共享器
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • avalon2.2的VM生成过程
  • Hibernate最全面试题
  • Java方法详解
  • Java知识点总结(JavaIO-打印流)
  • Solarized Scheme
  • Spark学习笔记之相关记录
  • spring-boot List转Page
  • 使用parted解决大于2T的磁盘分区
  • 通过获取异步加载JS文件进度实现一个canvas环形loading图
  • 微信小程序开发问题汇总
  • 移动互联网+智能运营体系搭建=你家有金矿啊!
  • 再次简单明了总结flex布局,一看就懂...
  • 正则表达式小结
  • [Shell 脚本] 备份网站文件至OSS服务(纯shell脚本无sdk) ...
  • ​14:00面试,14:06就出来了,问的问题有点变态。。。
  • (02)Cartographer源码无死角解析-(03) 新数据运行与地图保存、加载地图启动仅定位模式
  • (145)光线追踪距离场柔和阴影
  • (day18) leetcode 204.计数质数
  • (pytorch进阶之路)扩散概率模型
  • (第三期)书生大模型实战营——InternVL(冷笑话大师)部署微调实践
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (算法)求1到1亿间的质数或素数
  • (一) springboot详细介绍
  • (已解决)vscode如何选择python解释器
  • (译)计算距离、方位和更多经纬度之间的点
  • (转)linux下的时间函数使用
  • (转)负载均衡,回话保持,cookie
  • ***测试-HTTP方法
  • .axf 转化 .bin文件 的方法
  • .NET C# 操作Neo4j图数据库
  • .NET Core日志内容详解,详解不同日志级别的区别和有关日志记录的实用工具和第三方库详解与示例
  • .NET Core中的时区转换问题
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .net下的富文本编辑器FCKeditor的配置方法
  • /etc/apt/sources.list 和 /etc/apt/sources.list.d
  • ::什么意思
  • ??如何把JavaScript脚本中的参数传到java代码段中
  • @RequestBody与@ResponseBody的使用
  • [17]JAVAEE-HTTP协议