嘉明的java web学习之HTML语法（一）

最新推荐文章于 2024-07-24 14:22:29 发布
最新推荐文章于 2024-07-24 14:22:29 发布
阅读量154 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Zcymatics/article/details/113442864
版权

HTML基础语法

什么是HTML？

1、HTML为超文本标记语言
2、HTML文件也被叫做网页
在这里插入图片描述

一个HTML文档的基本结构

<>开始 </>结束

<html> <!-告诉浏览器这是一个html文件->
<head> <!-表示表头信息，在浏览器中看不到->
    <title>第一个网页</title>  <!-文件标题，可以在最顶端显示->
</head>  <!-结束标志->
<body style="background-color: #ffc0cb"> <!-信息正文->
<h1>这是第一个网页</h1>
<table border="2" width="400">
    <caption align="top">学生成绩表</caption>
    <tr align=center>
        <th>姓名</th>
        <th>分数</th>
    </tr><tr align=center>
        <td>玛丽</td>
        <td>99</td>
    </tr>
</table> <!-结束标志->

        <br/>
        <a href="https://www.baidu.com">百度</a>
</body>
</html>           <!-结束标志->

在这里插入图片描述

HTML注释

在这里插入图片描述

HTML文本格式化

在这里插入图片描述

HTML样式

在这里插入图片描述

HTML标签

链接标签

在这里插入图片描述

链接的内容可以是文字和图像

图片标签

在这里插入图片描述

多媒体标签

在这里插入图片描述

背景音乐标签

在这里插入图片描述

走马灯标签

在这里插入图片描述

HTML表格

在这里插入图片描述
th：加粗字体
在这里插入图片描述
先定义行再定义列
在这里插入图片描述
colspan：表示跨过的列数
在这里插入图片描述

rowspan：表示跨过的行数

在这里插入图片描述

在这里插入图片描述
表格中可以定义列表和嵌套多一个表格

作业挑战

在这里插入图片描述
代码

<html>
<head>
    <title>第一个表格作业</title>
</head>
<body>
<table border="1">
    <caption align="top"><strong>作业展示</strong></caption>
    <tr>
        <th>收费项目</th>
        <th>时间</th>
        <th>价格</th>
        <th>备注</th>
    </tr>
    <tr>
        <td>水上战船</td>
        <td>20分钟</td>
        <td>30元</td>
        <td rowspan="4">超出单位时间部分，按照每十分钟计算，不足十分钟按照十分钟计算</td>
    </tr>
    <tr>
        <td>水上自行车（单人）</td>
        <td>20分钟</td>
        <td>30元</td>
    </tr>
    <tr>
        <td>水上自行车（双人）</td>
        <td>20分钟</td>
        <td>30元</td>
    </tr>
    <tr>
        <td>水上滚筒</td>
        <td>20分钟</td>
        <td>30元</td>
    </tr>
    <tr>
        <td>水上碰碰船</td>
        <td>20分钟</td>
        <td>20元</td>
        <td>不足十分钟按照十分钟计算</td>
    </tr>
</table>
</body>
</html>

无序列表与有序列表

在这里插入图片描述
在这里插入图片描述
用法：
可以用来制作一些导航界面
在这里插入图片描述

HTML段落

div与span主要方便了格式风格的定义

div

先在head下面定义一个style，然后用div calss =" 名字" 或者 div id =“id名字”。直接引用。
这样就可以定义一个大体的风格
在这里插入图片描述
在这里插入图片描述

span

span，用于定义一小段句子的风格形式。
在这里插入图片描述

id与class

在这里插入图片描述

HTML布局

在这里插入图片描述

在这里插入图片描述

HTML框架

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

明明真系叻
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java web前端——HTML常用标签
冷漠的小猿
09-02 2万+
html简介 1.1 html概述 html全称：Hyper Text Markup Language(超文本标记语言) 超级文本标记语言是标准通用标记语言（SGML）下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。 网页文件本身是一种文本文件，通过在文本文件中添加标记符。 可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何...
JavaWeb学习之HTML
weixin_45676761的博客
04-08 171
想要胜任java开发的工作，那么学习JavaWeb是必不可少的一环。只有学习了JavaWeb，你才能了解前端和后端是怎样进行交互，它们是怎样组成一个完整的项目的。今天我们就先来学习JavaWeb中最基础的知识：HTML。
JavaWeb_HTML（5）_HTML 图片标签
魏宇轩
03-09 1111
HTML 图片标签 图片标签：img 属性： src：图片的位置。 height：高度。 width：宽度。 alt：当图片不存在的时候，给出的提示。 title：真的图片你把鼠标至于上面给出的提示信息。 注意：如果同时给宽和高，请注意图片本身的比例。否则，你只需要给宽或者高即可。它会自动按照缩小或者增大的比例显示。 示例代码： &lt;html&gt; &lt;head&gt; &lt...
「JavaWeb」HTML基础语法
她的妈妈爱上我的博客
04-06 144
「JavaWeb」HTML基础语法 HTML标签可以分为双标签、单标签 标签拥有自己的属性 基本属性 事件属性（直接设置事件响应后的代码） 标签名大小写不敏感 标签介绍 font 字体标签 特殊字符 标题标签 1-6 超链接（当前页面跳转、新建页面跳转） 列表标签（有序、无序） img 标签（修改图片的基本属性） 表格标签table 跨行跨列表格 iframe 框架标签（小窗口刷新） 表单标签form div 标签 默认独占一行 span 标签 它的长度是封装数据的长度 p 段落标签 默认
JavaWeb html标签的语法
Valentine95的博客
04-13 186
0-标签语法.html <!-- ①标签不能交叉嵌套 --> 正确：<div><span>早安，尚硅谷</span></div> 错误：<div><span>早安，康楚明</div></span> <hr /> <!-- ②标签必须正确关闭 --> &l...
Java学习——JavaWeb基础（一）（HTML）
GXlbj23的博客
03-05 522
一、HTML 引用HTML思维导图 1.1 HTML介绍 超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制作所必备的工具。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言(或超文本标签语言)的结构包括“...
201900302030_邵嘉明_实验一：递归练习1
08-08
本实验是关于递归实践的，具体目标是理解和运用递归思想来实现全排列算法。...此外，递归在数据结构和算法中有着广泛的应用，如树的遍历、图的搜索等，因此对递归的深入理解对于学习后续的IT知识至关重要。
201900302030_邵嘉明_实验五 二叉树操作1
08-08
在本实验报告中，主题是关于二叉树的操作，由山东大学软件学院的学生邵嘉明完成，属于数据结构课程的一部分。实验目标是理解和熟练运用二叉树的基本概念以及使用链表来实现二叉树的存储结构。实验环境包括PC及Visual...
201900302030_邵嘉明_实验三 有序链表操作1
08-08
在这个实验报告中，邵嘉明同学探讨了有序链表的操作，包括插入、删除、查找以及链表的遍历和合并。有序链表是一种特殊的数据结构，它的元素按特定顺序排列，便于快速查找和操作。 首先，实验的目标是掌握有序链表的...
201900302030_邵嘉明_实验四 堆栈的应用1
08-08
在本实验报告中，主题是“堆栈的应用”，由山东大学软件学院的一位数字媒体技术专业学生邵嘉明完成。实验的主要目标是掌握堆栈这一数据结构的使用，并通过实现一个简单的数学表达式计算器来实践堆栈的功能。在这个...
201900302030_邵嘉明_实验七 图的操作1
08-08
在这个实验中，学生邵嘉明通过编写C++代码实现...通过这个实验，邵嘉明不仅掌握了无向图的基本操作，还实践了图的遍历和最短路径算法，这些都是数据结构和算法学习中的重要概念，对于理解和解决实际问题具有重要意义。
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 1028
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
HTML常见标签——超链接a标签
weixin_64294248的博客
07-23 689
a>标签用于做跳转、导航，是双标签，记作，它是行内标签，不可以直接设置宽度高度，特殊的是，作为行内标签，它可以嵌套文本、行内元素、块级元素。
前端开发知识(一)-html
modi000的博客
07-24 593
2.前端开发的三剑客：html、css、javascript。Element（饿了么开发的） ：前端组件库。Vue可以简化JavaScpript流程。Ngix：前端服务器。
mpu6050陀螺仪使用方法开发教程文档.docx
07-30
mpu6050陀螺仪使用方法
【SCI顶级】龙格库塔算法RUN-CNN-LSTM-Multihead-Attention温度预测【含源码 5747期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Mutilhead-Attention回归预测
大模型的数学之魂：统计学习理论精要
07-30
大型机器学习模型，通常简称为“大模型”，是指具有数十亿甚至数千亿参数的深度神经网络模型。这些模型因为其庞大的参数量和复杂的计算结构，能够处理非常复杂的任务和数据，展现出强大的表达能力和预测性能。大模型在自然语言处理、计算机视觉、语音识别和推荐系统等多个领域都有广泛的应用。 大模型的设计目的是通过训练海量数据来学习复杂的模式和特征，从而具备强大的泛化能力，能够对未见过的数据做出准确的预测。与参数较少、层数较浅的小模型相比，大模型虽然需要更多的计算资源和时间来训练和推理，但它们展现出了一种被称为“涌现能力”的特性，即从原始训练数据中自动学习并发现新的、更高层次的特征和模式。 大模型的发展历程可以分为几个阶段，从早期的卷积神经网络模型发展到以Transformer为代表的全新神经网络模型，再到当前以GPT为代表的预训练大模型阶段。Transformer架构因其自注意力机制而成为大模型的核心技术，它使得模型能够更好地理解和处理文本数据中的长距离依赖关系。 大模型的分类主要包括语言大模型（NLP）、视觉大模型（CV）和多模态大模型。语言大模型专注于处理文本数据和理解自然语言，而视觉大模型用
唯美淡雅四页.zip
最新发布
07-30
【简历模板】工作总结、商业计划书、述职报告、读书分享、家长会、主题班会、端午节、期末、夏至、中国风、卡通、小清新、岗位竞聘、公司介绍、读书分享、安全教育、文明礼仪、儿童故事、绘本、防溺水、夏季安全、科技风、商务、炫酷、企业培训、自我介绍、产品介绍、师德师风、班主任培训、神话故事、巴黎奥运会、世界献血者日、防范非法集资、3D快闪、毛玻璃、人工智能等等各种样式的ppt素材风格。 设计模板、图片素材、PPT模板、视频素材、办公文档、小报模板、表格模板、音效配乐、字体库。 广告设计：海报，易拉宝，展板，宣传单，宣传栏，画册，邀请函，优惠券，贺卡，文化墙，标语，制度，名片，舞台背景，广告牌，证书，明信片，菜单，折页，封面，节目单，门头，美陈，拱门，展架等。 电商设计：主图，直通车，详情页，PC端首页，移动端首页，钻展，优惠券，促销标签，店招，店铺公告等。 图片素材：PNG素材，背景素材，矢量素材，插画，元素，艺术字，UI设计等。 视频素材：AE模板，会声会影，PR模板，视频背景，实拍短片，音效配乐。 办公文档：工作汇报，毕业答辩，企业介绍，总结计划，教学课件，求职简历等PPT/WORD模板。
仿真验证阵列可以提高接收信号信噪比
07-30
这是一份模拟了阵列输入信号及噪声，并验证了相对于阵列接收到的信号，阵列输出信号可以将信噪比提高M倍，其中M为阵列的阵元个数的代码。 代码中可以随意修改阵元个数、阵元间距、波束指向角度、信号频率等。 代码中关键部分均含有文字注释，完全不必担心看不懂。 无论是从仿真波形，还是计算的信噪比结果均能看出阵元数为M的阵列将信号的信噪比提高了M倍。
ssm框架登录提示信息
07-29
- *1* *2* *3* [嘉明SSM学习之基于SSM框架的学生信息管理系统](https://blog.csdn.net/Zcymatics/article/details/122160833)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值