首页 > 其他分享 >网站创建003:body内容

网站创建003:body内容

时间:2023-07-17 20:33:31浏览次数:27  
标签:body 创建 标签 003 内容 锚点 跳转 div

一个网站当中, body是最重要的部分, 我们看到的大部分内容都是由body组成。

body标签的分类:

*块级标签:此类标签内容会独占一行

*行内标签:不会独占一行,会根据内容大小自动占位

 

1、 div和span标签:

div

 

span

 

2、 h系列标签:h1到h6标签,也称之为标题。

h系列标签页可以改造, 但是一般来说没有div方便

 

3、 a标签:超链接,点击可跳转

<a href="http://www.10086.cn/index/sh/index_210_210.html" target="_blank">上海移动</a>

 

 a标签锚点:锚点的作用类似于定位到某某位置,类似于小说, 点击第1节则跳转到第1节的内容界面, 和超链接不同的是, 锚点不会根据链接跳转,而是在当前界面根据锚点跳转

 

4、 img标签:显示图片用

<img src="地址内容,可以是网络地址和本地地址, 但是有些网络地址会无法展示,因为人家加了防盗链功能" />

 

5、 表格标签

    <table>  <!--定义列表-->
        <thead>  <!--定义表头-->
        
        <tr> <th>ID</th> <th>姓名</th> <th>年龄</th></tr>  <!--一个tr是一行,一个ht是一个列-->
        </thead>

        <tbody>  <!--定义表体-->
        <tr> <td>101</td> <td>小红</td> <td>20</td></tr>  <!--一个tr是一行,一个hd是一个列-->
        <tr> <td>102</td> <td>小白</td> <td>30</td></tr>
        </tbody>
    </table>

 

给表格添加一个边框

 合并单元格,合并行

  合并单元格,合并列

 

6、 列表标签

无序号

 

有序号

 

标签:body,创建,标签,003,内容,锚点,跳转,div
From: https://www.cnblogs.com/FBGG/p/17561139.html

相关文章

  • 网站创建002:head内容
    一个html网站,包括html根、head头、body身体 首先来看head,head操作的是页签标题,如下   1、给head添加图标,如下<linkrel="icon"href="C:\Users\86158\Desktop\网站创建\favicon.ico"> 2、给网站添加搜索关键字,可以让用户通过你给的关键字,更加精确搜索到网站......
  • 在 3ds Max 中创建逼真的玻璃材质
    推荐:NSDT场景编辑器助你快速搭建可二次开发的3D应用场景尽管本教程基于3dsMax,但相同的设置适用于许多其他3D产品。注意:单击每个步骤中的缩略图可查看更大的屏幕截图,其中包括视口和用户界面的相关部分。步骤1由于本教程仅介绍如何创建玻璃材质,因此您需要自己将对象添加到场......
  • 3ds max高级教程:创建带有骨骼动画的机器人模型
    推荐:NSDT场景编辑器助你快速搭建可二次开发的3D应用场景然而,下面我们示例机器人腿的第一个版本不是很现实,因为它会像没有肌肉的骨骼结构一样坍塌。在第二个版本中,我们将添加一些机器人“肌肉”,第三个版本将包括软管。点击部分图片下方的下载链接,下载相应场景。1.一条人的腿当......
  • 创建文件夹和删除问价夹的工具类
    一、对于文件夹的创建和删除工具类importcn.hutool.core.util.StrUtil;importlombok.extern.slf4j.Slf4j;importjava.io.File;importjava.io.IOException;importjava.nio.file.Files;importjava.nio.file.Path;/***@Description:*@Date:2023/6/3*@Auth......
  • java在指定目录下创建文件
    如何在指定目录下创建文件作为一名经验丰富的开发者,我将向你介绍如何在Java中实现在指定目录下创建文件的过程。下面是一个简单的流程表格,展示了实现该任务的步骤:步骤描述步骤1检查指定目录是否存在步骤2如果目录不存在,则创建目录步骤3创建文件步骤4在文件......
  • 【雕爷学编程】Arduino动手做(164)---Futaba S3003舵机模块
    37款传感器与模块的提法,在网络上广泛流传,其实Arduino能够兼容的传感器模块肯定是不止37种的。鉴于本人手头积累了一些传感器和执行器模块,依照实践出真知(一定要动手做)的理念,以学习和交流为目的,这里准备逐一动手试试多做实验,不管成功与否,都会记录下来——小小的进步或是搞不掂的问题......
  • django项目中分多个models.py创建table
    django项目每个app都默认有一个model.py文件。当app需要大量建立table,且需要分类时,能否建立多个model.py文件?。1、在app文件夹下创建一个models文件夹(myapp/models/):2、将app文件夹中models.py文件删除(也可以剪切到models文件夹中):3、models文件夹下新建__init__.py:4、......
  • Scrapy创建项目、爬虫文件
    创建项目执行命令scrapystartproject<项目名>项目结构创建爬虫文件方式一:通过命令生成scrpaygenspider<爬虫名(必须唯一)><domain><爬虫名>:必须时唯一的<domain>:这个随意填,因为后期会修改爬虫文件中的start_url属性。方式二:在项目的spider包下,自己编写一......
  • body-parse的简单使用
    处理用户post请求提交的数据,把数据保存在req.body中。以一个对象的形式提供给服务器,方便进行后续的处理。由于无论用户提交什么都会接受,所以需要在使用数据前进行验证来提高安全性。 constbodyParser=require("body-parser");  app.use(bodyParser.urlencoded({extend......
  • 线程启动、结束,创建线程多法、join,detach
    线程启动、结束,创建线程多法、join,detach视频链接:https://www.bilibili.com/video/BV1Yb411L7ak/?p=4&spm_id_from=333.880.my_history.page.click&vd_source=4c026d3f6b5fac18846e94bc649fd7d0参考博主文章:https://blog.csdn.net/qq_38231713/article/details/106091372join......