HTML5学习

最新推荐文章于 2022-03-08 18:49:59 发布
最新推荐文章于 2022-03-08 18:49:59 发布
阅读量292 收藏 1
点赞数
分类专栏： JAVA 文章标签： html5 html web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45813633/article/details/112641926
版权
本文详细介绍了HTML5的基础知识，包括HTML的定义、优势和常见IDE，以及网页基本标签如标题、段落、换行、水平线和字体样式。接着讲解了图像、超链接、网页布局、列表、表格和媒体元素的使用。重点讨论了表单的结构、属性、不同类型的输入元素，如文本、密码、单选、多选、按钮、文本域和文件域，并展示了如何进行简单的前端验证。此外，还提到了内联框架和表单应用示例。
摘要由CSDN通过智能技术生成

HTML5

概要：

  • 1、初识HTML
  • 2、网页基本标签
  • 3、图像，超链接，网页布局
  • 4、列表，表格，媒体元素
  • 5、表单及表单应用（重点）
  • 6、表单初级验证（重点）

一、 什么是HTML：

1、HTML（Hyper Text Markup Language , 超文本标记语言，超文本包括：文字、图片、音频、视频、动画等）

2、优势：主流游览器厂商都支持HTML5，市场的需求，跨平台

3、W3C标准 World Wide Web Consortium(万维网联盟)

4、常见IDE ： 记事本 ;Dreamweaver ;WebStorm ; IDEA(内集成了WebStorm) …

二、网页基本标签

<!-- -->
<!--DOCTYPE:告诉游览器，我们要是用什么规范，默认为html-->
<!DOCTYPE html>
<!--
<html lang="en">
</html>
总的标签，html写在这之间
-->
<html lang="en">

<!--    head标签代表网页头部-->
<head>
<!--    meta描述性标签，他用来描述我们网站的一些信息-->
<!--    meta标签一般用来做SEO-->
    <meta charset="UTF-8">

<!--    title标签指的是网页的标题-->
    <title>Title</title>
</head>
<body>
<!--body标签代表网页主体-->
Hello,World!
</body>
</html>
  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>

<!--标签标签-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!--段落标签-->
<p>两只老虎，两只老虎，跑得快，跑得快，</p>
<p>一只没有眼睛，一只没有尾巴，真奇怪！真奇怪！</p>
<p>两只老虎，两只老虎，跑得快，跑得快，</p>
<p>一只没有耳朵，一只没有尾巴，真奇怪！真奇怪！</p>

<!--水平线标签-->
<hr/>

<!--换行标签(自闭和标签)-->
两只老虎，两只老虎，跑得快，跑得快，</br>
一只没有眼睛，一只没有尾巴，真奇怪！真奇怪！</br>
两只老虎，两只老虎，跑得快，跑得快，</br>
一只没有耳朵，一只没有尾巴，真奇怪！真奇怪！

<!--粗体 斜体-->
<h1>字体样式标签</h1>

粗体：<strong>i love you</strong>
斜体：<em>i love you</em>
<br/>
<!--特殊符号-->
空                   格
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格

<br/>
&gt; 大于号
<br/>
&lt;  小于号
<br/>

&copy; 版权所有菜鸟

<!--特殊符号记忆方式

    &   ;

-->

</body>
</html>

在这里插入图片描述

三.1 图像标签

常见的图片格式：JPG GIF PNG BMP …

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--
src: 图片地址（相对路径（推荐使用））（绝对地址 ）
（../ 代表上一级目录）

 -->

<img src="../resources/image/1.jpg" alt="孙悟空" 
     title="齐天大圣"  
     width="100" height="100">

</body>
</html>

在这里插入图片描述

三.2 超链接标签及应用

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!--使用name做标记-->
<a name = "top">顶部</a>
<!--a标签
href : 必填，表示要跳转的那个页面
target : 表示窗口在哪里打开
    _blank  在新标签中打开
    _self   在自己的网页中打开

-->

<a href = "1.我的第一个网页.html"  target = _blank>  点击我跳转到页面-</a>
<a href = "https://www.baidu.com"  target = _self>点击我跳转到百度</a>
</br>

<a href ="1.我的第一个网页.html">
    <img src = "../resources/image/1.jpg" alt = "我的第一个页面">
</a>

</br>

<a href ="1.我的第一个网页.html">
    <img src = "../resources/image/1.jpg" alt = "我的第一个页面">
</a>


<!--锚标签
1.需要一个锚标记
2.跳转到标记
#

-->

<a href = "4.链接标签.html#top">回到顶部</a>

<!--功能性链接
邮件链接：mailto
QQ链接: QQ推广

-->
<a href = "mailto:990313438@qq.com">点击联系我</a>

<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2::51" alt="点击领取小电影" title="点击领取小电影"/></a>

</body>
</html>

在这里插入图片描述

三.3 行内元素和块元素

块元素：无论内容多少，该元素独占一行（p、h1-h6）

行内元素： 内容撑开宽度，左右都是行内元素的可以排在一行（a、strong、em）

四.列表、表格、媒体元素

列表：有序、无序、自定义

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表学习</title>
</head>
<hr>

<!--有序列表-->
<!--应用范围：试卷，问答。。。-->
<ol>
    <li>java</li>
    <li>c++</li>
    <li>运维</li>
    <li>前端</li>

</ol>

</hr>

<!--无序列表-->
<!--应用范围：导航、侧边栏......-->
<ul>

    <li>java</li>
    <li>c++</li>
    <li>运维</li>
    <li>前端</li>

</ul>

</hr>

<!--自定义列表
dl: 标签
dt: 列表名称
dd: 列表内容
应用范围：公司网站底部。。。
-->
<dt>

    <dt>学科</dt>
    <dd>c++</dd>
    <dd>java</dd>

    <dt>老师</dt>
    <dd>张老师</dd>
    <dd>李老师</dd>
    <dd>王老师</dd>


</dt>


</body>
</html>

表格

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>表格学习</title>
</head>
<body>

<!--表格table
行  tr
列  td

-->

<table border="1px">
  <tr>
<!-- colspan 跨列   -->
    <td colspan = "4">1-1</td>
    <td>1-2</td>
    <td>1-3</td>
    <td>1-4</td>
  </tr>

  <tr>
<!-- rowspan 跨行   -->
    <td rowspan="2">2-1</td>
    <td>2-2</td>
    <td>2-3</td>
    <td>2-4</td>
  </tr>

  <tr>
    <td>3-1</td>
    <td>3-2</td>
    <td>3-3</td>
    <td>3-4</td>
  </tr>

</table>

</body>
</html>

媒体元素 （视频元素 video 音频元素 audio)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>媒体元素学习</title>
</head>
<body>

<!--音频和视频
src : 资源路径
controls: 控制条
autoplay: 自动播放

-->

<video src="../resources/video/1.mp4" controls autoplay></video>

<!--音频
src : 资源路径
controls: 控制条
autoplay: 自动播放

-->

<audio src = "../resources/audio/1.mp3" controls autoplay></audio>

</body>
</html>

页面结构分析

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页结构分析</title>
</head>
<body>

<header>
    <h2>网页头部</h2>
</header>

<section>
    <h2>网页主体</h2>
</section>

<footer>
    <h2>网页脚部</h2>
</footer>

</body>
</html>

内联框架

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内联框架学习</title>
</head>
<body>

<!--iframe内联框架
    src : 地址
    w-h : 宽度高度
-->

<!--<iframe src="//player.bilibili.com/player.html?aid=55631961&bvid=BV1x4411V75C&cid=97257967&page=11"-->
<!--        scrolling="no" border="0"-->
<!--        frameborder="no" framespacing="0"-->
<!--        allowfullscreen="true">-->
<!--</iframe>-->

<iframe
        src = "https://www.baidu.com" name = "hello" frameborder = "0" width ="500px" height = "600px">

</iframe>

<a href = "1.我的第一个网页.html" target = "hello">点击跳转</a>

</body>
</html>

五、表单及表单应用（重点）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form

action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
method: post , get 提交方式
        gte方式提交： 我们可以在url中看到我们提交的信息，不安全，高效
        post方式提交： 比较安全，传输大文件
-->

<form action = "1.我的第一个网页.html" method = "post"

<!--      文本输入框  input type = "text"-->

        <p>名字: <input type = "text" name = "username"></p>
<!--        密码框  input type = "password"-->
        <p>密码: <input type = "password" name = "password"></p>

        <p><input type = "submit">
            <input type = "reset">
        </p>

</body>
</html>

表单元素格式

在这里插入图片描述

单选框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form

action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
method: post , get 提交方式
        gte方式提交： 我们可以在url中看到我们提交的信息，不安全，高效
        post方式提交： 比较安全，传输大文件
-->

<form action = "1.我的第一个网页.html" method = "post"

<!--      文本输入框  input type = "text"
            value="张三浪迹天涯"  默认初始值
            maxlength="8"       最长能写几个字符
            size="30"           文本框的长度
-->

        <p>名字: <input type = "text" name = "username" value="张三浪迹天涯" maxlength="8"></p>
<!--        密码框  input type = "password"-->
        <p>密码: <input type = "password" name = "password"></p>

<!--       单选框标签
            input type = "radio"
            value : 单选框的值
            name :表示组
    -->
        <p>性别：
            <input type = "radio" value="body" name = "sex"/>男
            <input type = "radio" value="girl" name = "sex"/>女
        </p>

        <p><input type = "submit">
            <input type = "reset">
        </p>

</body>
</html>

按钮和多选框

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form

action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
method: post , get 提交方式
        gte方式提交： 我们可以在url中看到我们提交的信息，不安全，高效
        post方式提交： 比较安全，传输大文件
-->

<form action = "1.我的第一个网页.html" method = "get"

<!--      文本输入框  input type = "text"
            value="张三浪迹天涯"  默认初始值
            maxlength="8"       最长能写几个字符
            size="30"           文本框的长度
-->

        <p>名字: <input type = "text" name = "username" value="张三浪迹天涯" maxlength="8"></p>
<!--        密码框  input type = "password"-->
        <p>密码: <input type = "password" name = "password"></p>

<!--       单选框标签
            input type = "radio"
            value : 单选框的值
            name :表示组
    -->
        <p>性别：
            <input type = "radio" value="body" name = "sex"/>男
            <input type = "radio" value="girl" name = "sex"/>女
        </p>

<!--    多选框
        input type = "checkbox"
-->

        <p>爱好：
            <input type = "checkbox" value = "swim" name = "hobby"> 游泳
            <input type = "checkbox" value = "sleep" name = "hobby"> 睡觉
            <input type = "checkbox" value = "run" name = "hobby"> 跑步
            <input type = "checkbox" value = "game" name = "hobby"> 游戏
        </p>

<!--    按钮
        input type = "button" 普通按钮
        type = "image"      图片按钮
        input type = "submit"   提交按钮
        type = "reset"      重置
-->
        <p>按钮：
            <input type = "button" value="点击变长" name="btn1">
            <input type = "image" src = "../resources/image/1.jpg">


        </p>


        <p><input type = "submit">
            <input type = "reset">
        </p>

</body>
</html>

文本域和文件域

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form

action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
method: post , get 提交方式
        gte方式提交： 我们可以在url中看到我们提交的信息，不安全，高效
        post方式提交： 比较安全，传输大文件
-->

<form action = "1.我的第一个网页.html" method = "get"

<!--      文本输入框  input type = "text"
            value="张三浪迹天涯"  默认初始值
            maxlength="8"       最长能写几个字符
            size="30"           文本框的长度
-->

        <p>名字: <input type = "text" name = "username" value="张三浪迹天涯" maxlength="8"></p>
<!--        密码框  input type = "password"-->
        <p>密码: <input type = "password" name = "password"></p>

<!--       单选框标签
            input type = "radio"
            value : 单选框的值
            name :表示组
    -->
        <p>性别：
            <input type = "radio" value="body" name = "sex"/>男
            <input type = "radio" value="girl" name = "sex"/>女
        </p>

<!--    多选框
        input type = "checkbox"
-->

        <p>爱好：
            <input type = "checkbox" value = "swim" name = "hobby"> 游泳
            <input type = "checkbox" value = "sleep" name = "hobby" checked> 睡觉
            <input type = "checkbox" value = "run" name = "hobby"> 跑步
            <input type = "checkbox" value = "game" name = "hobby"> 游戏
        </p>

<!--    按钮
        input type = "button" 普通按钮
        type = "image"      图片按钮
        input type = "submit"   提交按钮
        type = "reset"      重置
-->
        <p>按钮：
            <input type = "button" value="点击变长" name="btn1">
            <input type = "image" src = "../resources/image/1.jpg">


        </p>

<!--    下拉框，列表框

-->

        <p>下拉框：
            <select name = "列表名称">
                <option value = "Chinese">中国</option>
                <option value = "USA">美国</option>
                <option value = "India">印度</option>
                <option value = "Japan">日本</option>
            </select>

        </p>

<!--        文本域

    -->
        <p>反馈：
            <textarea name = "textarea" cols = "20" row = "20">文本内容</textarea>
        </p>

<!--        文件域
            input type = "file" name = "files"
-->
        <p>文件域
            <input type = "file" name = "files">
            <input type = "button" value="上传" name = "upload">
        </p>


        <p><input type = "submit">
            <input type = "reset">
        </p>

</body>
</html>

搜索框滑块和简单验证

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录注册</title>
</head>
<body>

<h1>注册</h1>

<!--表单form

action: 表单提交的位置，可以是网站，也可以是一个请求处理地址
method: post , get 提交方式
        gte方式提交： 我们可以在url中看到我们提交的信息，不安全，高效
        post方式提交： 比较安全，传输大文件
-->

<form action = "1.我的第一个网页.html" method = "get"

<!--      文本输入框  input type = "text"
            value="张三浪迹天涯"  默认初始值
            maxlength="8"       最长能写几个字符
            size="30"           文本框的长度
-->

        <p>名字: <input type = "text" name = "username" value="张三浪迹天涯" maxlength="8"></p>
<!--        密码框  input type = "password"-->
        <p>密码: <input type = "password" name = "password"></p>

<!--       单选框标签
            input type = "radio"
            value : 单选框的值
            name :表示组
    -->
        <p>性别：
            <input type = "radio" value="body" name = "sex"/>男
            <input type = "radio" value="girl" name = "sex"/>女
        </p>

<!--    多选框
        input type = "checkbox"
-->

        <p>爱好：
            <input type = "checkbox" value = "swim" name = "hobby"> 游泳
            <input type = "checkbox" value = "sleep" name = "hobby" checked> 睡觉
            <input type = "checkbox" value = "run" name = "hobby"> 跑步
            <input type = "checkbox" value = "game" name = "hobby"> 游戏
        </p>

<!--    按钮
        input type = "button" 普通按钮
        type = "image"      图片按钮
        input type = "submit"   提交按钮
        type = "reset"      重置
-->
        <p>按钮：
            <input type = "button" value="点击变长" name="btn1">
            <input type = "image" src = "../resources/image/1.jpg">


        </p>

<!--    下拉框，列表框

-->

        <p>下拉框：
            <select name = "列表名称">
                <option value = "Chinese">中国</option>
                <option value = "USA">美国</option>
                <option value = "India">印度</option>
                <option value = "Japan">日本</option>
            </select>

        </p>

<!--        文本域

    -->
        <p>反馈：
            <textarea name = "textarea" cols = "20" row = "20">文本内容</textarea>
        </p>

<!--        文件域
            input type = "file" name = "files"
-->
        <p>文件域
            <input type = "file" name = "files">
            <input type = "button" value="上传" name = "upload">
        </p>

<!--    邮件验证-->
        <p>邮箱：
            <input type = "email" name = "email">
        </p>
<!--    URL-->
        <p>URL：
            <input type = "url" name = "url">
        </p>
<!--    数字-->
        <p>数字：
            <input type = "number" name = "num" max="100" min="0" step="10">
        </p>

<!--    滑块-->
        <p>音量：
            <input type = "range" name="voice" min="0" max="100" step="1">

        </p>

<!--    搜索框-->
        <p>
            <input type = "search" name = "serach">
        </p>


        <p><input type = "submit">
            <input type = "reset">
        </p>

</body>
</html>

五. 2 表单应用

在这里插入图片描述

  • 隐藏域 hidden
  • 只读 readonly
  • 禁用 disabled
  • 默认值 checked
<!--        增强鼠标可用性-->

        <p>
            <label for="mark">你点我试试</label>
            <input type = "text" id = "mark">
        </p>

六、表单初级验证

作用：在前端进行简单的验证，减轻服务器压力，保证数据的安全性。

常用方式：

  • placeholder 提示信息 用在输入框中
  • required 不能为空，非空判断
  • pattern 正则表达式
<!--    pattern 正则表达式-->
        <p>自定义邮箱：（可以从网上查到常用正则表达式）
            <input type = "text" pattern="^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"
        </p>

总结

在这里插入图片描述

啦啦啦啦啦啦哈哈啊
关注
专栏目录
你真的熟练运用 HTML5 了吗，这10 个酷炫的 H5 特性你会几个？
努力是为了站在万人之中，成为别人的光
07-05 26万+
HTML5不是什么新鲜事。自初始版本（2008 年 1 月）以来，我们一直在使用它的几个功能。我再次仔细查看了 HTML5 功能列表。看看我发现了什么？到目前为止，我还没有真正使用过很多！ 在本文中，我列出了 10 个这样的HTML5功能，这些功能过去我用得不多，但现在发现它们很有用。我还创建了一个工作示例流程并托管在Netlify. 希望你也觉得它有用。让我们开始了解有关它们中的每一个的解释、代码和快速提示。 https://wanghao221.github.io/html-tips-tricks/
Web前端基础Html5学习笔记详细（2）
Fightingdddd的博客
06-29 4721
阿树想说 挺困的，，Html 换个方式记单词，还好阿树的词汇量自我感觉不错，对学习英语的兴趣也依然不减。 总结了一些比较重要的也是需要记的东西。资料源网，我比较喜欢用自己比较记得住的方式整理。 Html5学习笔记（1） ...
html5基础:表格和表单控件
Marlon康
02-27 822
01 HTML5 07 表格 表格 table 存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </...
HTML5页面基础（二）form表单
weixin_42468092的博客
09-17 246
表单form标签
html5 表格使用基础
li5685918的博客
12-14 536
在 HTML 4.01 中，不赞成使用 "align" 和 "bgcolor" 属性。 在 HTML5 中，不支持 标签的任何属性。
HTML5 表单基础
是光の谢宣骞博客
12-22 118
年轻......
HTML5学习笔记
m0_61721166的博客
03-08 8998
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
HTML5学习笔记（总结提炼版）——001
03-14
HTML5是现代网页开发的核心，它是超文本标记语言HTML的第五...以上就是对HTML5学习笔记的初步总结，涵盖了HTML5的关键特性、常见标签以及编码的最佳实践。深入理解和掌握这些知识，将有助于成为一名熟练的前端开发者。
HTML5学习笔记（总结提炼版）——002 CSS
03-14
【CSS简介】 CSS，全称为层叠样式表（Cascading Style Sheets），是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档样式的Web标准。...持续学习和实践CSS，将使你能够创建出更具吸引力和功能性的网站。
HTML5 中的新标签。 基础 格式 表单 框架 图像 音频/视频 链接 列表 表格 样式
11-24
HTML5 中的新标签。 基础 格式 表单 框架 图像 音频/视频 链接 列表 表格 样式/节 元信息 编程 HTML5 中添加的属性。 属性 描述 = HTML5 中新的事件属性。 Window 事件属性 Form 事件 Keyboard 事件 Mouse 事件 Media 事件
HTML基本标签+表格基础+表单和框架
08-15
HTML基本标签+表格基础+表单和框架，基础知识点，初学者了解，后期将逐步加载CSS样式表与JS的使用基础知识点，大家共同使用
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 423
表格标签 笔记显示效果： 以上效果，下面是代码加注释： HTML标签的特殊符号 *表格标签（**重要的标签**）
html5基础 表格标签
m0_46744635的博客
07-13 114
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>
HTML5表格元素的分享！（基础分享，大神勿喷！）
li_276869731的博客
02-23 179
前言： 表格是一个好东西，它不仅可以让我们在工作上享受诸多便利，生活中也常常是随处可见。表格的特点有可视化、汇总、计算等特点。常用的软件有金山的（WPS系列）和微软的（office系列）。 那如果我们想将上面这张表格以网页的形式呈现出来，应该怎么办呢？下面就跟着小编一起往下看吧！ 前期准备： 你得需要有一款属于自己的编程软件，如：HBuilder、DW等（当然还有很多别的编辑器），小编这里用的...
HTML5学习精华：新特性与标签解析
"HTML5学习.pptx" HTML5是现代网页开发的核心标准，它整合了HTML、CSS3和JavaScript，并引入了一系列新API，旨在提升用户体验和开发者效率。HTML5的标准改变体现在多个方面，首先，它不再基于SGML或XML，而是以更...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值