首页 > 其他分享 >前端学习记

前端学习记

时间:2024-10-08 22:53:19浏览次数:10  
标签:__ 定义 表格 前端 单元格 边框 学习 标题

今天学习的第二天

还是按照原来的学习路线

1.html,css

先把这两个拿下。

2.javascript

这个内容比较多,我就放在下一项了

......

后面的在做安排,各位大佬也可以提提建议,感谢您嘞!!!

今日学习内容

接着昨天的继续

首先介绍了css

CSS 用于渲染HTML元素标签的样式。

css的两种插入方式

内部插入:

<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>

外部插入:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

这个就不多讲只是了解一下

html图像插入

他的语法是:

<img src="url" alt="some_text">

url就是路径,alt 属性用来为图像定义一串预备的可替换的文本。

还有height(高度) 与 width(宽度)这个是用于设置宽高。

html表格

HTML 表格由 <table> 标签来定义。

HTML 表格是一种用于展示结构化数据的标记语言元素。

每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义),表格可以包含标题行(<th>)用于定义列的标题。

  • tr:tr 是 table row 的缩写,表示表格的一行。
  • td:td 是 table data 的缩写,表示表格的数据单元格。
  • th:th 是 table header的缩写,表示表格的表头单元格。

这是一个表格实例:

<table>
  <thead>
    <tr>
      <th>列标题1</th>
      <th>列标题2</th>
      <th>列标题3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>行1,列1</td>
      <td>行1,列2</td>
      <td>行1,列3</td>
    </tr>
    <tr>
      <td>行2,列1</td>
      <td>行2,列2</td>
      <td>行2,列3</td>
    </tr>
  </tbody>
</table>

以上的表格实例代码中,<table> 元素表示整个表格,它包含两个主要部分:<thead> 和 <tbody>。

  • <thead > 用于定义表格的标题部分: 在 <thead > 中,使用 <th > 元素定义列的标题,以上实例中列标题分别为"列标题1","列标题2"和"列标题3"。

  • <tbody > 用于定义表格的主体部分: 在 <tbody > 中,使用 <tr > 元素定义行,并在每行中使用 <td > 元素定义单元格数据,以上实例中有两行数据,每行包含三个单元格。

HTML 表格和边框属性

如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。

使用边框属性来显示一个带有边框的表格:

<table border="1">
    <tr>
        <td>Row 1, cell 1</td>
        <td>Row 1, cell 2</td>
    </tr>
</table>

今天结束

————————————————————————————————————————————————————————————————————
//                          _ooOoo_                               //
//                         o8888888o                              //
//                         88" . "88                              //
//                         (| ^_^ |)                              //
//                         O\  =  /O                              //
//                      ____/`---'\____                           //
//                    .'  \\|     |//  `.                         //
//                   /  \\|||  :  |||//  \                        //
//                  /  _||||| -:- |||||-  \                       //
//                  |   | \\\  -  /// |   |                       //
//                  | \_|  ''\---/''  |   |                       //
//                  \  .-\__  `-`  ___/-. /                       //
//                ___`. .'  /--.--\  `. . ___                     //
//              ."" '<  `.___\_<|>_/___.'  >'"".                  //
//            | | :  `- \`.;`\ _ /`;.`/ - ` : | |                 //
//            \  \ `-.   \_ __\ /__ _/   .-` /  /                 //
//      ========`-.____`-.___\_____/___.-`____.-'========         //
//                           `=---='                              //
//      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^        //
//                           佛性学习                             //
————————————————————————————————————————————————————————————————————

标签:__,定义,表格,前端,单元格,边框,学习,标题
From: https://blog.csdn.net/m0_65883426/article/details/142768799

相关文章

  • STM32学习——IIC
    目录IIC总线协议IIC前置介绍IIC硬件软件区别IIC总线拓扑图IIC协议IIC协议时序代码编写起始信号​编辑停止信号检测应答信号发送应答信号发送非应答信号发送1字节数据读取1字节数据AT24C02简介AT24C02xx系列通讯地址AT24C02读写时序AT24C02驱动步骤配置I......
  • 【电商搜索】现代工业级电商搜索技术-EMNLP2024-无监督的用户偏好学习
    【电商搜索】现代工业级电商搜索技术-EMNLP2024-无监督的用户偏好学习0.论文信息Title:UnsupervisedHumanPreferenceLearningAuthors:SumukShashidhar,AbhinavChinta,VaibhavSahai,DilekHakkaniTurComments:EMNLP2024MainConferencehttps://arxiv.or......
  • 学习日志1
    Markdown学习标题标题用#表示一级标题二级三级一级标题用##表示二级标题用###表示以此类推最多支持6级字体Hello,World!字体两边加两个*来表示粗体Hello,World!字体两边加1个*来表示斜体Hello,World!字体两边加3个*来表示斜体加粗Hello,World!字体两边加两个~来表......
  • D29【python 接口自动化学习】- python基础之输入输出与文件操作
    day29格式化输出学习日期:20241006学习目标:输入输出与文件操作﹣-41格式化输出:如何将执行结果通过屏幕输出?学习笔记:三种常用的格式化输出方式 百分号方式 format函数方式 总结1.格式化输出是为了让提示信息和输出的结果更人性化2.可以根据输出的复杂度和特点,......
  • D30【python 接口自动化学习】- python基础之输入输出与文件操作
    day30F-strings输出学习日期:20241007学习目标:输入输出与文件操作﹣-42F-strings-如何通过定义好的格式进行输出?学习笔记:F-strings介绍F-strings的计算功能F-strings宽度和精度调整练习#宽度为10个字符,不足补0print(f'{number:010}')#000123.456#指定类......
  • D31【python 接口自动化学习】- python基础之输入输出与文件操作
    day31文件的打开学习日期:20241008学习目标:输入输出与文件操作﹣-43常见常新:文件的打开学习笔记:文件的概念使用open()函数打开文件文件路径处理文件打开模式总结文件操作包括:打开,关闭,读取,写入类Unix系统中设备,虚拟设备,网络套接字等都被当作文件可以学......
  • 自动机器学习(AutoML):实战项目中的应用与实现
    自动机器学习(AutoML):实战项目中的应用与实现目录......
  • 前端解决axios请求的跨域问题【二步完成超简单】
         ......
  • 10.8学习
    1.CAP★一致性(2PC、3PC、Paxos、Raft)●强一致性:数据库一致性,牺牲了性能ACID:原子性、一致性、隔离性、持久性●弱一致性:数据库和缓存,延迟双删、重试●单调读一致性:缓存一致性,ID或者IP哈希●最终一致性:边缘业务,消息队列★可用性(多级缓存、读写分离)●BASE基本可用:限流导......
  • java学习笔记3-高级循环-练习题
    黑马java有关数组的几道感觉比较难的题目,记录一下。第一题现有一个整数数组,数组中的每个元素都是[0-9]之间的数字,从数组的最大索引位置开始到最小索引位置,依次表示整数的个位、十位、百位。。。依次类推。请编写程序计算,这个数组所表示的整数值。例如:数组:{2,1,3,5,4}......