20---HTML5语法++

最新推荐文章于 2024-04-08 14:51:28 发布
最新推荐文章于 2024-04-08 14:51:28 发布
阅读量765 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45391505/article/details/99123684
版权
本文档详细介绍了HTML5的基础知识，包括HTML的概念、特点、基本结构和常见标签的使用，如文本、列表、图像、链接、表格和表单等。通过实例演示，帮助读者掌握在IntelliJ IDEA中创建和运行HTML文档的方法，以及如何制作简单的网页。学习内容涵盖了从HTML5的介绍到实际应用，如黑马旅游网页面的布局，旨在提供全面的HTML5入门指导。
摘要由CSDN通过智能技术生成

typora-root-url: img
typora-copy-images-to: img

《HTML5-笔记》

回顾

接口映射文件实现一对一步骤

  1. 实体类包含另一个实体

    [外链图片转存失败(img-zhfAqr00-1565448598963)(/1565313108172.png)]

  2. 配置接口映射文件:association

    [外链图片转存失败(img-MIKU8vj8-1565448598964)(/1565313188163.png)]

接口映射文件实现一对多步骤

  1. 实体类包含另一个实体类的集合

    [外链图片转存失败(img-dThbzegI-1565448598965)(/1565313270447.png)]

  2. 配置接口映射文件:collection

    [外链图片转存失败(img-WLdSkGo2-1565448598967)(/1565313359193.png)]

学习目标

  1. 能够使用idea创建html文档
  2. 能够使用h1~h6、hr、p、br 等与文本有关的标签
  3. 能够使用有序列列表ol-li和无序列列表ul-li显示列表内容
  4. 能够使用块标签div与内联标签span
  5. 能够使用图片img标签把图片显示在页面中
  6. 能够使用超链接a标签跳转到一个新页⾯
  7. 能够使用table、tr、td标签定义表格
  8. 能够制作黑⻢马旅游网的⾸页
  9. 能够使用表单form标签创建表单容器
  10. 能够使用表单中常⽤用的input标签创建输⼊项
  11. 能够使用表单select标签定义下拉选择输⼊项
  12. 能够使用表单textarea标签定义文本域

阶段的学习内容

  1. 前端的内容(4天，开始)
    1. HTML网页
    2. CSS样式，美化网页
    3. JavaScript
    4. 框架Bootstrap
  2. 后续再学习JavaWeb

学习内容

HTML的概述

目标

学习HTML的概念和作用

概念

​ HTML：Hyper Text Markup Language 超文本标记语言。

​ HTML的作用：就是开发网页的。

[外链图片转存失败(img-NT6nBlti-1565448598968)(/1551669344927.png)]

  1. 超文本：(超人) 不同于普通文本，超文本不但可以阅读，还可以有交互的功能，还可以设置字体，颜色，添加图片等。
  2. 标记语言：由一些固定标记组成

[外链图片转存失败(img-NgBmklig-1565448598968)(/1551669381083.png)]

  1. 标签格式：以<开头 ，以>结束。
  2. 纠错：浏览器有自动纠错的功能，如果网页中有错误，浏览器不会报错。
运行方式

[外链图片转存失败(img-jTobQ7Dy-1565448598970)(/1551669429404.png)]

  1. 保存在：服务器上
  2. 运行在：浏览器端，从服务器上把网页下载。然后再解析。

小结

  1. 什么是HTML？
    Hyper Text Markup Language 超文本标记语言。用来做网页的

  2. HTML保存在服务器，运行在浏览器

HTML5的介绍

目标

学习HTML5的概念和特点

[外链图片转存失败(img-EBlUMPoi-1565448598971)(/1551669453294.png)]

HTML5的概念

HTML的第5个版本，简称H5。

HTML5的特点

HTML5的特点:在桌面和移动平台上有一致的用户体验。

​ 2014年10月29日，经过几乎8年的艰辛努力，HTML5标准规范终于最终制定完成了，并已公开发布，这是一次重大的革新。HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。

​ 目前支持Html5的浏览器包括Firefox（火狐浏览器），IE9及其更高版本，Chrome（谷歌浏览器），Safari，Opera等。不同的浏览器之间是有差异的，同一个网页在不同的浏览器上运行结果可能不同。

[外链图片转存失败(img-VwBNPu7W-1565448598971)(/1551669532678.png)]

HTML5的作品

[外链图片转存失败(img-F93TvAF7-1565448598972)(/1554254224426.png)]

小结

什么是HTML5，它有什么特点？

HTML的第5个版本，特点让移动端和PC端有相同的用户体验。

网页的基本结构、使用idea创建网页

目标

学习idea创建HTML

常见的HTML编辑器

  1. HBuilder

    [外链图片转存失败(img-u2JxtLE6-1565448598973)(/1551669763877.png)]

  2. Adobe Dreamweaver CS

    [外链图片转存失败(img-mbcJdRqR-1565448598974)(/1551669807940.png)]

  3. SublimeText

    [外链图片转存失败(img-BoE0MRvA-1565448598975)(/1551669828420.png)]

  4. NotePad

    [外链图片转存失败(img-YR504tMp-1565448598976)(/1551669847102.png)]

  5. IDEA

使用IntelliJ IDEA创建html

一个网页项目建议按如下目录创建结构

[外链图片转存失败(img-4IT6ccDf-1565448598977)(/1551670240611.png)]

  1. 创建静态Web模块

    [外链图片转存失败(img-iPNV7Av0-1565448598978)(/1554255161498.png)]

  2. 指定工程名和保存位置

    [外链图片转存失败(img-tGobUCMQ-1565448598979)(/1554255285459.png)]

  3. 创建HTML文件，选择html5的版本

    [外链图片转存失败(img-4TdiwMP2-1565448598980)(/1551670139700.png)]

  4. 创建HTML文件

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>第一个网页</title>
</head>
<body>
<h1>世界,你好!</h1>
</body>
</html>

  5. HTML的基本结构

    标签名 作用
    html 根元素(根标签)
    head 网页头部
    body 网页主体，网页的内容写在body中
    注释 格式：<!-- 内容 -->
    嵌套：不能嵌套

  6. 点右上角一排浏览器按钮运行，idea会使用内置的服务器在指定的浏览器上运行。

    [外链图片转存失败(img-eEHNjK8k-1565448598981)(/1551670171151.png)]

  7. 在浏览器上运行的结果

    [外链图片转存失败(img-R1TET3jP-1565448598982)(/1551670186424.png)]

  8. 访问地址：运行在自己的服务器上。

    [外链图片转存失败(img-RFuJXeme-1565448598982)(/1551670197659.png)]

  9. 通常不需要修改浏览器文件的地址，如果要修改可以在这里操作

    [外链图片转存失败(img-gxLI4Jhy-1565448598983)(/1551670268837.png)]

小结

使用idea创建HTML步骤

  1. 新建static web模块
  2. 在模块上右键-> New -> HTML FILE

文本标签的学习

目标

  1. 学习标签的分类
  2. 学习文本标签的使用
HTML标签的分类
有否有主体 格式
有主体标签 <标签名>主体内容</标签名>
没有主体标签 <标签名></标签名> 简化为：<标签名/>
是否换行 特点
块标签 自带换行效果
内联标签 不带换行效果
文本标签介绍

[外链图片转存失败(img-u7wFn7Pk-1565448598984)(/1551670393595.png)]

[外链图片转存失败(img-DEm4XgSD-1565448598985)(/1551670419113.png)]

补：

文本内容
文本居中标签

代码
<!DOCTYPE html>
<html lang="en">
<head>
    <!--指定字符集，注释：ctrl + / -->
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--有主体标签, 块标签。 -->
<!--作用：用于文章的标题,有6级标题，级数越小，字越大 -->
<h1>我们是害虫</h1>
<!--align属性的作用：指定对齐方式，常用：center,left,right-->
<h2 align="center">我们是害虫</h2>
<h3 align="right">我们是害虫</h3>
<h4>我们是害虫</h4>
<h5>我们是害虫</h5>
<h6>我们是害虫</h6>
<!--没有主体: 水平线，块标签 -->
<hr/>
<!--width指定宽度, color: 颜色, size: 粗细。单位是像素 -->
<hr width="400" color="red" size="5"/>
<!--没有换行的标签，内联标签。-->

<!--font在H5版本中已经不使用，设置：颜色，大小，字体 -->
<font color="green" size="30" face="楷体">这是普通文本</font><br/>
<!--b和strong标签都是加粗:  bold -->
<font color="green" size="30" face="楷体"><b>这是普通文本</b></font><br/>
<!--i斜体  italic -->
<font color="green" size="30" face="楷体"><b><i>这是普通文本</i></b></font>

<!--p分段，每个分段之间有一定的间隔，首行没有缩进-->
<p>
超文本： 不同于普通文本，比普通文本功能更强文本。设置文本大小，颜色，样式。可以有音乐，视频。还可以点击，跳转到其它页面去。
</p>
<p>
标记语言： 整个网页由各种标记组成。
</p>
<p>
不同于编程语言，它通过标记符号来标记要显示网页中的各个部分。
</p>
</body>
</html>

小结

说说下面文本标签的作用 功能
h1~h6 标题标签，h1最大
font 字体标签，设置文字的颜色，大小，字体
br 换行
p 段落
hr 水平分割线
b 加粗
i 倾斜

案例：制作黑马公司介绍

目标

使用已经学习的文本标签，制作如下的公司介绍的页面

效果

[外链图片转存失败(img-DZfuH3ob-1565448598986)(/1551670516854.png)]

步骤
  1. “公司介绍”使用标题标签完成 。例如：<h2>
  2. 两条橙色的线使用水平线完成
  3. 这个文档被划分成4个段落，使用段落标签<p>完成
  4. “中关村黑马程序员训练营” 需要使用font标签完成
  5. “传智播客” 需要斜体<i> 和 粗体<b> 组合完成
  6. 第2行与第3行是一个普通的换行，需要使用<br/>完成
  7. 最下面的页脚使用2号字体大小，灰色，居中
代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>中关村黑马程序员训练营</title>
</head>
<body>
<h2>黑马公司介绍</h2>
<hr color="orange" size="4"/>
<p>
    <!--使用实体字符：&nbsp;表示空格，半角空格-->
    <!--ctrl+alt+t 用标签包裹 -->
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <font color="red">"中关村黑马程序员训练营"</font>是由<b><i>传智播客</i></b>联合中关村软件园、CSDN， 并委托传智播客进行教学实施的软件开发高端培训机构，致力于服务各大软件企业，解决当前软件开发技术飞速发展， 而企业招不到优秀人才的困扰。
    <br/>目前，“中关村黑马程序员训练营”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地， 并被评为中关村软件园重点扶持人才企业。
</p>
<p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑马程序员的学员多为大学毕业后，有理想、有梦想，想从事IT行业，而没有环境和机遇改变自己命运的年轻人。 黑马程序员的学员筛选制度，远比现在90%以上的企业招聘流程更为严格。任何一名学员想成功入学“黑马程序员”，
    必须经历长达2个月的面试流程，这些流程中不仅包括严格的技术测试、自学能力测试，还包括性格测试、压力测试、 品德测试等等测试。毫不夸张地说，黑马程序员训练营所有学员都是精挑细选出来的。百里挑一的残酷筛选制度确 保学员质量，并降低企业的用人风险。
</p>
<p>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中关村黑马程序员训练营不仅着重培养学员的基础理论知识，更注重培养项目实施管理能力，并密切关注技术革新， 不断引入先进的技术，研发更新技术课程，确保学员进入企业后不仅能独立从事开发工作，更能给企业带来新的技术体系和理念。
</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;一直以来，黑马程序员以技术视角关注IT产业发展，以深度分享推进产业技术成长，致力于弘扬技术创新，倡导分享、 开放和协作，努力打造高质量的IT人才服务平台。</p>
<hr color="orange" size="4"/>
<!--center标签用于居中-->
<center>
<font color="#808080">江苏传智播客教育科技股份有限公司<br/>
版权所有Copyright © 2006-2018, All Rights Reserved 苏ICP备16007882</font>
</center>
</body>
</html>

小结

案例中我们用到了哪些标签?

h2

hr

br

font

i

b

center

列表标签：有序列表和无序列表

目标

学习有序列表和无序列表的使用

[外链图片转存失败(img-qnE0E6OV-1565448598987)(/1551670700487.png)]

标签介绍

[外链图片转存失败(img-w8qUknUg-1565448598988)(/1551670658102.png)]

案例需求

制作如图所示的菜单列表，左边列是有序列表，右边列是无序列表

效果

[外链图片转存失败(img-AFt7ZRy6-1565448598988)(/1551670700487.png)]

代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表标签</title>
</head>
<body>
<!--
ol是有序列表，有编号。ol是容器，包含li标签，每个li就是一个列表项
order 有序 list 列表。
type指定编号的类型默认是数字编号
 -->
<h2>有序列表</h2>
<!--1表示数字编号-->
<ol type="1">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ol>
<ol type="A">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ol>
<ol type="I">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ol>

<h2>无序列表</h2>
<!--1表示数字编号-->
<ul type="disc">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ul>
<ul type="circle">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ul>
<ul type="square">
    <li>金拱门</li>
    <li>地沟油炒蛋</li>
    <li>红烧狮子头</li>
</ul>
</body>
</html>

小结

  1. 有序列表使用什么标签？

    ol-li

  2. 无序列表使用什么标签？

    ul-li

块标签与内联标签

目标

学习span标签和div标签的作用和区别

span和div介绍
标签 作用 特点
span 都是容器可以包裹其他内容 是内联标签，不带换行功能，用于小范围的内容的划分
div 是块标签，自带换行功能，用于一段的范围的内容划分，通常网页布局使用div将网页分成不同块

[外链图片转存失败(img-aEIqu9DG-1565448598989)(/1556238759067.png)]

div作用

[外链图片转存失败(img-yG54rPCt-1565448598990)(/1551670828108.png)]

​ <div> 元素是块级元素，浏览器会在其前后显示折行。它是可用于组合其他 HTML 元素的容器。 <div> 元素是英文division，起到分割的意思。如果与 CSS 一同使用，<div> 元素可用于对大的内容块设置样式属性。<div> 元素的一个常见的用途是文档布局。

span作用

[外链图片转存失败(img-LdRw8nja-1565448598990)(/1551670912590.png)]

<span>元素是内联元素，可用作文本的容器。当与 CSS 一同使用时，<span> 元素可用于为部分文本设置样式属性。

案例

通过代码认识div和span的功能和特点

效果

[外链图片转存失败(img-VH2jVY7U-1565448598991)(/1551670962184.png)]

万维网联盟又称W3C理事会1994年10月在麻省理工学院计算机科学实验室成立。

代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>span和div</title>
</head>
<body>
<span style="background-color: yellow; color: red;">万维网联盟，又称W3C理事会。</span>1994年10月在麻省理工学院计算机科学实验室成立。
<div style="background-color: yellow; color: red;">万维网联盟，又称W3C理事会。</div>1994年10月在麻省理工学院计算机科学实验室成立。
</body>
</html>

小结

div标签和span标签的主要区别是什么？
span和div都是容器，可以包裹其他内容。

属性：style

区别：

  1. span不换行
  2. div自带换行

​

实体字符

目标

当页面上需要使用一些特殊符号的时候怎么办呢？

[外链图片转存失败(img-I2YYFSSD-1565448598991)(/1551683446920.png)]

格式

以**&开头，以分号结尾，如： &nbsp;表示空格**

常用的实体字符表

[外链图片转存失败(img-YKqwYxnH-1565448598992)(/1551683521415.png)]

案例代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实体字符</title>
</head>
<body>
&nbsp;&nbsp;我前面有空格<br/>
大于&gt;<br/>

小于&lt;<br/>

圆&yen;<br/>
与符号&amp;<br/>
双引号&quot;<br/>
版权&reg;
</body>
</html>

小结

所有的实体字符都以什么符号开头&，以什么符号结尾;

&xxx;

图像标签

目标

学习img标签在页面上显示图片

[外链图片转存失败(img-cbMwzxZP-1565448598993)(/1551683566145.png)]

基本语法
<img src="图片文件名"/>
src不能绝对路径
常用属性
属性名 作用
src 指定图片的地址
width 指定图片宽度
height 指定高度
alt 如果图片丢失，出现的替换文字
title 如果鼠标移动到图片上显示的文本信息 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片标签</title>
</head>
<body>
<!--
src 指定图片的地址
width 指定图片宽度
height 指定高度
alt 如果图片丢失，出现的替换文字
title 如果鼠标移动到图片上显示的文本信息
-->
<img src="img/girl1.jpg" /><br/>
<img src="img/girl1.jpg" width="50%" title="我是漂亮的女生"/><br/>
<img src="img/girl1.jpg" height="500" width="200"/><br/>
<img src="img/girl1.jpg1" alt="我是女生"/>
</body>
</html>
小结

图像标签的格式？

<img src="图片的路径"/>
width: 图片的宽度
height: 图片的高度
title: 鼠标移上显示的文字
alt: 图片找不到显示的问题

案例：家用电器排行榜

目标

制作家用电器排行榜案例

[外链图片转存失败(img-54P1AfWf-1565448598993)(/1551683693058.png)]

步骤分析
  1. 家用电器排行榜使用标题标签
  2. 水平分割线使用hr
  3. 图片使用img标签
代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>家用电器排行榜</title>
</head>
<body>
<h2>家用电器排行榜</h2>
<!--img是内联标签，不换行-->
<hr color="orange" size="2"/>

<img src="img/tv02.jpg">
索尼KLV-40R476A  55英寸  &yen;3599.00
<hr color="orange" size="2"/>

<img src="img/tv03.jpg">
海信LED93247  50英寸  ¥2486.00
<hr color="orange" size="2"/>

<img src="img/tv04.jpg">
三星98EAC  60英寸  ¥4777.00
<hr color="orange" size="2"/>

<img src="img/tv05.jpg">
创维42E5CHR  42英寸  ¥2799.00
<hr color="orange" size="2"/>
</body>
</html>

小结

在这个案例中我们用到了哪些标签？

h2

hr

img

链接标签：基本使用

目标

学习链接标签的基本语法

[外链图片转存失败(img-BfR5OvUC-1565448598994)(/1551683842614.png)]

语法
<a href="跳转的目的地">内容</a>
属性名 作用
href 跳转的目的地
title 鼠标移动上来显示的文字
target 打开链接的方式

_self: 在本窗口打开

_blank: 在新的窗口打开
代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
最低0.47元/天 解锁文章
Chosen_ONE026
关注
html5基础:表格和表单控件
Marlon康
02-27 822
01 HTML5 07 表格 表格 table 存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </...
HTML5
Bulid_Evolto的博客
08-09 977
《HTML5-笔记》 学习内容 HTML的概述 目标 学习HTML的概念和作用 概念 ​ HTML：Hyper Text Markup Language 超文本标记语言。 ​ HTML的作用：就是开发网页的。 超文本：(超人) 不同于普通文本，超文本不但可以阅读，还可以有交互的功能，还可以设置字体，颜色，添加图片等。 标记语言：由一些固定标记组成 标签格式：以<开头 ，以>结...
HTML5页面基础（二）form表单
weixin_42468092的博客
09-17 246
表单form标签
html5 表格使用基础
li5685918的博客
12-14 536
在 HTML 4.01 中，不赞成使用 "align" 和 "bgcolor" 属性。 在 HTML5 中，不支持 标签的任何属性。
HTML5 表单基础
是光の谢宣骞博客
12-22 118
年轻......
【HTML5】的语法【十二】
最新发布
lianafany的博客
04-08 796
FileList对象表示用户选择的文件列表。在HTML 4中，file控件内只允许放置一个文件，但是到HTML 5中，通过添加multiple属性，file控件内允许一次放置多个文件。控件内的每一个用户选择的文件都是一个file对象，而FileList对象则为这些file对象的列表，代表用户选择的所有文件。file对象有两个属性，name属性表示文件名，不包括路径，lastModifiedDate属性表示文件的最后修改日期。
es6-mario：ES由ES6语法和HTML5 Canvas制作的网页游戏
02-05
使用ES6语法和HTML5功能（例如Module, Canvas编写的网络游戏。 通过该项目，您可以对ES6语法， HTML Canvas Related API和Webpack简单配置有特定的印象。 通过@ 的。 还强烈为您推荐此频道！ 非常感谢作者 ，他从...
NotepadPlusPlus-SpiderScript-Plugin:Notepad++ 的 Spider 语法突出显示和代码片段。 www.spiderlang.org
07-10
5. **检查效果**: 现在，当你打开或创建一个SpiderScript文件时，Notepad++将应用你刚刚导入的语法高亮和代码片段，使得代码更易于阅读和理解。 **SpiderScript语法特点** SpiderScript可能包括一些常见的脚本语言...
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 8818
未完
Zen.Coding-Notepad++.v0.6.1.zip
06-12
例如，输入"div>ul>li*5"，然后按下扩展快捷键，会自动生成如下HTML代码： ```html <li></li> <li></li> <li></li> <li></li> <li></li> ``` 这个功能在编写大量重复结构时非常有用，大大减少了手动...
vue2后台管理系统（ vue2 + vue-router + Vuex + axios + elementui + echarts，nodejs后台）
切图仔
06-18 4879
vue2 + vue-router + Vuex + axios + elementui + echarts后台管理系统，包括国际化配置，富文本编译器，mockjs，上传图片，pdf打印，导出Excel表，购物车案例
HTML5基础08----HTML5表格使用
翟浩浩Android专栏
07-26 426
html> lang="en"> charset="UTF-8"> 表格 --> --> 第1列 第2列 第3列 第1列 第2列 第3列 第1列 第2列 第3列
HTML5基础之-表格标签
bruce_suxin的博客
10-19 422
表格标签 笔记显示效果： 以上效果，下面是代码加注释： HTML标签的特殊符号 *表格标签（**重要的标签**）
html5基础 表格标签
m0_46744635的博客
07-13 112
HTML5 基础表单 学习笔记
小七的博客
05-07 193
1.表格标签 1.2 表格的基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 1.< table >< /table >用于定义表格的标签 2.< tr >&lt...
HTML5---基础标签(表格、表单元素)
weixin_44021474的博客
03-24 152
表格： <table> 显示表格 语法：<table width="" height="" border="" bgcolor="" background="" cellpadding="' cellspacing="" > width:表格的宽度，height:表格的高度；border：表格的边框，bgcolor表格的背景颜色，background 表格背景颜色。cell...
HTML5初学——表格标签（02-08课）
weixin_45727991的博客
11-14 261
02课、03课——表格标签 1、表格的主要作用： 主要用于显示、展示数据，因为它可以让数据显示地非常的规整，可读性非常好，特别是后台展示数据的时候，能够熟练运用表格就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有调理。 2、基本语法： <table> <tr> <td>单元格内的文字</td> ... </tr>
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值