首页 > 其他分享 >前端——HTMLbody标签

前端——HTMLbody标签

时间:2022-08-27 23:14:52浏览次数:45  
标签:标签 前端 闭合 HTMLbody 点击 id 链接

body标签:

1. 存储网页显示的内容

 

H标签:

H1-H6:标题标签

1. 双闭合标签

2. 独占一行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新兵</title>
</head>
<body>
    <h1>hahahah</h1>
    <h2>heheheh</h2>
    <h3>lalalal</h3>
    <h4>papapap</h4>
    <h5>lililil</h5>
    <h6>bababab</h6>
</body>
</html>

P标签:段落标签

1. 双闭合标签

2. 独占一行

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新兵</title>
</head>
<body>
    <p>111111111111111111111111</p>
</body>
</html>

a标签:anchor 锚点标签

1. 双闭合标签

2. 不单独占一行

  • 输入超链接,点击后跳转链接地址。
  • #top: 点击后返回本页面顶部
  • 可以和id属性配合,将ID和#字段进行重合,那么点击就会到id属性对应的标签。
  • 可以配合 target="_blank"后,点击链接为新页面打开,默认为原始页面(_self)
  • 可配合title属性,鼠标放到超链接地点后显示内容。
<body>
    <a href="这里写超链接">点击后,打开链接所在地址</a>
  <a href="#top">点击后,回到顶部</a>
</body>

img标签:图片标签

基本格式:

<body>
    <img src="" alt="">
</body>

  

标签:标签,前端,闭合,HTMLbody,点击,id,链接
From: https://www.cnblogs.com/xinbing/p/16631627.html

相关文章

  • Django入门到放弃之模板及标签
    1.django模板使用的两种方式#方式一 returnrender(request,'time.html',context={'current_date':str(now),'title':'lqzNB'})#方式二(页面静态化,提高网站并发量)......
  • HTML标签(二)
    ​ /**作者:呆萌老师*☑csdn认证讲师*☑51cto高级讲师*☑腾讯课堂认证讲师*☑网易云课堂认证讲师*☑华为开发者学堂认证讲师*☑爱奇艺千人名师计划成员*在这里......
  • 在HTML中怎么去掉超链接(标签 a)的下划线?
    在HTML中怎么去掉超链接(标签a)的下划线?_chelen_jak的博客-CSDN博客 https://blog.csdn.net/chelen_jak/article/details/25962665<styletype="text/css">a:link,a:vi......
  • x_DAY04(前端知识点)
    一、npm包管理工具 1、NPM全称NodePackageManager,是Node.js包管理工具,是全球最大的模块生态系统,里面所有的模块都是开源免费的;也是Node.js的包管理工具,相当于前端......
  • 前端——HTML编辑器快捷键
    TABLE键补齐:输入标签关键字,再按table键即可补齐<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title></head><body>p......
  • Echats给柱状图上方数字加%及鼠标移上去悬浮标签数据后加%
    1、Echats给柱状图上方数字加%     完整示例:在series的label标签的,添加1formatter:function(params){//标签内容2returnparams.......
  • 【前端】 第05回 JS操作与jQuery
    目录1.JS操作1.1JS获取用户输入1.2JS类属性操作1.3JS样式操作2.事件2.1事件理解2.2绑定事件的两种方式2.3事件中的关键字this2.4window.onload2.5校验用户输入案......
  • 前端面试题之CSS布局问题
    垂直居中DIVHTML部分<divclass="father"><divclass="son">我是垂直居中的div</div></div>这里简单给出几种1.绝对定位(盒子宽高已知).father{......
  • 前端——HTML5
    HTML5(超文本标记语言)1.HTML5,在2014年10月由万维网联盟(W3C)完成标准制定。2. HTML5的设计目的是为了在移动设备上支持多媒体。新特性:新增了语义化标签新增了表单元......
  • 前端05
    目录DOM文档对象模型获取标签值操作JS类属性操作JS样式操作事件jQuery类库作业DOM文档对象模型获取标签值操作1.操作标签:input、select、textarea2.语法结构:查找到的标......