HTML

最新推荐文章于 2024-01-12 09:18:09 发布
最新推荐文章于 2024-01-12 09:18:09 发布
阅读量87 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TANGCHAO3000/article/details/103760721
版权

概述

  • 什么是HTML
    超文本标记语言 ( Hyper Text Markup Language )
    超文本 : 文字 , 图片 , 音频 , 视频 , 动画 ,…

  • 发展历史
    -HTML2.0 --> 文字 , 特别丑的文本框
    HTML 5 ---- > 动画 , 渲染…

  • HTML的优势
    所有的浏览器都支持
    市场的需求—从C/S—>b/s架构
    跨平台

  • W3C标准
    万维网联盟( World Wide Web Consortium )
    三个标准
    结构化=标准—>HTML , xml等
    表现=标准—>CSS
    行为=标准 —> ( ECMA Script )
    网页编辑工具
    记事本
    Notpat++
    Hbuilder
    IDEA
    WebStorm
    VScode

HTML的基本结构

  • 注释
<!--  注释  -->
  • HTML的基本结构
<!--声明 : 告诉浏览器使用什么规范-->
<!DOCTYPE html>

<html lang="en">
<!--标签是成对出现-->
<!--头部标签-->
<head>
    <meta charset="UTF-8">
    <!--网页标题-->
    <title>狂神说Java</title>
</head>

<!--网页主体-->
<body>

Hello,World!

</body>


</html>
  • < title > 标签 : 网页的标题
<!--网页编码-->
<meta charset="UTF-8">
gb2312 ----> 包含全部的中文字符
utf-8 ---->包含了全世界所有地方的文字和符号

网页的基本标签

  • 标题标签
<!--标题标签-->
<!--H1最大 , H6最小-->
<h1>一级标题</h1>
<h2>一级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
  • 段落标签
<!--段落标签-->
<!--p:表示段落标签-->
<h1>段落标签</h1>
<p>两只老虎    两只老虎</p>
<p>跑得快       跑得快</p>
<p>一只没有耳朵     一只没有尾巴</p>
<p>真奇怪      真奇怪</p>
<p>两只老虎     两只老虎</p>
<p>跑得快        跑得快</p>
<p>一只没有耳朵    一只没有尾巴</p>
<p>真奇怪      真奇怪</p>
  • 换行标签
<!--换行标签-->
<!--br:单标签-->
<h1>换行标签</h1>
两只老虎    两只老虎<br/>
跑得快       跑得快<br/>
一只没有耳朵     一只没有尾巴<br/>
真奇怪      真奇怪<br/>
两只老虎     两只老虎<br/>
跑得快        跑得快<br/>
一只没有耳朵    一只没有尾巴<br/>
真奇怪      真奇怪<br/>
  • 水平线标签
<!--水平线标签-->
<!--hr表示水平线标签-->
<h1>水平线标签</h1>
<hr/>
两只老虎    两只老虎<br/>
跑得快       跑得快<br/>
一只没有耳朵     一只没有尾巴<br/>
真奇怪      真奇怪<br/>
两只老虎     两只老虎<br/>
跑得快        跑得快<br/>
一只没有耳朵    一只没有尾巴<br/>
真奇怪      真奇怪<br/>
  • 字体标签
<!--字体加粗 , 斜体-->
<!--strong : 粗体-->
<!--em : 斜体-->
<h1>字体字体样式</h1>
I love you
加粗后 : <strong>I love you</strong>
斜体 : <em>I love you</em>
  • 特殊符号
<p>空格 :   你      好 | 你&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;好</p>

图片标签

  • 图片标签
    常见的图像格式 :jpg/png/bmp /位图/gif
<img src = "log.png">
<img src = "http://noi.dodoke.com/images/logo.png">

链接标签

  • 超链接
<a href="https://www.baidu.com">点击跳转</a>
<!--图像链接-->
<a href="https://www.baidu.com"> <img src="../resources/images/tx.jpg"> </a>
  • 锚链接
<!--锚链接-->
<!--
可以从一个地方跳到锚指定的地方
需要的东西: 标记   ..跳转
-->

<!--创建一个标记-->
<a name="mark">锚链接标记</a>

<!--跳转到标记-->
<a href="#mark">点击跳转</a>

<a href="demo.html#top3">跳转到demo页标记三</a>
  • target
<a jref = "http://www.baidu.com" target="-blank">百度首页</a>

列表

!--无序列表-->
<!--
<ul> -> 无序列表
<li> -> 选项
-->
<h1>无序列表</h1>
<ul>
    <li>java</li>
    <li>C/C++</li>
    <li>Linux</li>
    <li>Python</li>
</ul>

<!--有序列表-->
<!--
<ol> -> 有序列表
<li> -> 选项
-->
<h1>有序列表</h1>
<ol>
    <li>java</li>
    <li>C/C++</li>
    <li>Linux</li>
    <li>Python</li>
</ol>
<!--自定义列表-->
<!--
<dl> -> 自定义列表
<dt> -> 列表标题
<dd> -> 列表选项
-->
TANGCHAO3000
关注
HTML表单（详解网页表单如何实现）
百赢出品，必属精品
04-24 3429
HTML 表单用于收集用户的输入信息。HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。元素用于创建表单，action属性定义了表单数据提交的目标 URL，method属性定义了提交数据的 HTTP 方法（这里使用的是 "post"）。元素用于为表单元素添加标签，提高可访问性。
HTML炫酷烟花秀
热门推荐
兔子王
06-04 7万+
HTML炫酷的跨年烟花秀完整代码。
HTML——表格
有1%的念头，就要用120%的努力去实现
05-19 1万+
🌳🌳🌳前言：本文总结了HTML表格的基础知识点 目录 🍄表格——创建 🍄表格——border 🍥表格——border 🍄表格——设置表格的宽、高 🌰举个例子——设置表格的宽、高 🍥表格——width 🍥表格——height 🍄表格——cellpadding 🌰举个例子——cellpadding 🍥表格——cellpadding 🍄表格——cellspacing 🌰举个例子——cellpadding 🍥表格——cellspacing 🍄表格——表格的标题 🌰举个例子...
HTML淘宝购物车页面的实现
qq_46007633的博客
03-22 1万+
仿照淘宝购物车。主要包括以下知识，超级简单，没使用CSS，很多功能没有实现，只是一个仿造的购物车页面。 使用div标签，将整个页面划分为上中下相应的几个模块。 使用高级标签，包含<caption>标题和<thead>表头<tbody>主体以及<tfoot>表尾，对表格进行横向分组，将淘宝购物车分成相应的几部分。 列出几个小标题，比如单价、数量、金额、操作等。 根据确定的列，使用相应的图像标签、超链接、表单域等
HTML列表
JiuMeilove的博客
09-02 3万+
HTML无序列表 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。 无序列表使用 < ul > < li >标签 实例 代码: <ul> <li>Coffee</li> <li>Milk</li> </ul> 效果 多级无序列表 代码实例 <ul> <li>一级1</li> <li>一级2</li> <li&g
【HTML网页设计 + CSS样式表】详细记录 / 含代码 by.Akaxi
Akaxi的博客
10-12 6371
【HTML网页设计 + CSS样式表】详细记录 / 含代码
HTML表格布局
m0_64482760的博客
07-24 3738
HTML表格布局（以物资验收入库表为例）
HTML语法规范
JiuMeilove的博客
09-01 2万+
HTML语法规范 使用正确的文档类型 文档类型声明位于HTML文档的第一行： <!DOCTYPE html> 如果你想跟其他标签一样使用小写，可以使用以下代码： <!doctype html> 使用小写元素名 HTML5 元素名可以使用大写和小写字母。 推荐使用小写字母： 混合了大小写的风格是非常糟糕的。 开发人员通常使用小写 (类似 XHTML)。 小写风格看起来更加清爽。 小写字母容易编写。 不推荐: <SECTION> <p>这是一个段落
HTML字体及文本样式
xy25408的博客
08-16 6672
1.文本属性 1.1 颜色属性 color:值 英文单词：red、blue、pink… rgb ：r（red 红色）g（green 绿色） b（blue 蓝色） rgb(0,0,0) 每个值的取值范围在0-255之间，0代表不发光，值越大越亮 红色: rgb(255,0,0); 绿色: rgb(0,255,0); 蓝色: rgb(0,0,255); 黑色: rgb(0,0,0); 白色: rgb(255,255,255); rgba：和前面一样，只是多了透明度a，取值为0-1，值越小越透明
Web开发丨基于Django与HTML的新闻发布系统
兔子王
01-12 2万+
本期内容：基于Django与HTML的简单新闻发布系统。
50余款手机页面模版源码html5
11-16
50余款手机页面模版源码html5 1.1【32赞HTM5响应式系列之右侧多级滑动式】仿Slideby触屏版html5响应式手机wap网站模板 2【32赞HTML5响应式系列之订餐模板】微官网美食订餐html5触屏响应式手机wap网站订餐模板 5【32...
html+css网页设计源码(简洁)
12-25
HTML 和 CSS 是构建网页设计的基础，本资源提供了一套简洁的网页设计源码，适合初学者和需要快速搭建页面的开发者。这套源码充分展示了如何使用 HTML 结构元素和 CSS 样式规则来创建一个清晰、易读且具有基本功能的...
纯HTML5拓扑图编辑器源代码
04-07
屌爆的纯HTML5拓扑图编辑器源代码，找了很久终于申请到，运行就是这个效果 http://www.hightopo.com/blog/wp-content/uploads/2014/08/Screen-Shot-2014-08-12-at-8.57.11-PM.png 可参考这篇博客 ...
一套后台管理html模版
08-04
【标题】：“一套后台管理html模版” 这套后台管理HTML模板是专为构建高效、功能丰富的后台管理系统界面设计的。HTML模版是前端开发的基础，它定义了网页的结构和样式，使得开发者能够快速搭建出美观且易于操作的...
html网页设计大作业
01-04
HTML网页设计是构建互联网内容的基础，它是一种标记语言，用于定义网页的结构和内容。在这个“html网页设计大作业”中，我们关注的重点是植物相关的主题，这表明学习者可能在创建一个关于植物的网站，旨在展示信息或...
PHP基于微信公众号的点餐系统源码.zip
10-03
用Yii2框架做的一个微信公众号点餐系统，商家接入管理后台之后就可以在后台添加菜式的类型和菜式的名称，客户在微信扫描二维码关注公众号就可以在公众号点餐，下单时提交餐桌号还有相应的信息到商家后台，商家在后台可以查看到订单信息 提示，因为个人原因缺乏支付功能，支付代码已经完成
基于Delaunay三角剖分的大学生方程式无人赛车路径规划算法
10-03
【作品名称】：基于Delaunay三角剖分的大学生方程式无人赛车路径规划算法 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】： 基于 Delaunay 三角剖分的路径规划算法：将锥桶位置视为离散点，构建 Delaunay 三角，然 - 第一列为锥桶序号，内外侧锥桶已经分别按照赛道顺序排序 - 第二列为锥桶类型（颜色），`2` 为外侧锥桶（蓝色，位于车辆行驶方向的左侧）、`11` 为内侧锥桶（黄色，位于车辆行驶方向的右侧） - 第三四列为 x 坐标与 y 坐标，单位为 [m] 在真实场景中，安装在赛车上的传感器的感知范围是有限的，并不能一次获取所有锥桶位置。因此，设计一个变量 `interval`，用于控制每次规划时考虑的锥桶数量。（换言之，将整条赛道划分为若干个路段，每次只在一个路段内进行规划。）如图所示，若 `i 【资源声明】：本资源作为“参考资料”而不是“定制需求”，代码只能作为参考，不能完全复制照搬。需要有一定的基础能够看懂代码，能够自行调试代码并解决报错，能够自行添加功能修改代码。
MATLAB 实现的基于随机森林（Random Forest, RF）的工业增加值预测模型的详细实例（包含详细的完整的程序和数据
10-03
主要内容：本文介绍了一个完整的案例，展示用MATLAB的TreeBagger函数实现基于随机森林的方法来进行工业增加值的预测。该模型考虑了生产总值、投资以及消费等因素，通过详细的操作步骤生成了相关数据，训练与评估了随机森林模型。文中还提供了完整的源代码和示例，方便开发者动手实践和学习如何利用统计和机器学习工具箱进行预测任务。 适用人群：熟悉基本MATLAB语法，具有一定数据分析经验和统计学基础知识的研发和工程技术人员。 使用场景及目标：适合用于工业经济分析师或者研究学者们在需要快速预测行业增长趋势时借鉴，特别当涉及到多因素复杂变量情况下时。 补充说明：此案例还包括划分训练集与验证集，计算如均方误差（RMSE）等评估指数帮助检验模型准确度的功能部分，便于初学者快速搭建模型，理解每个阶段的工作细节及其重要性。
基于Python的新能源汽车应用场景，使用神经网络训练锂离子电池使用相关数据并预测电池的当前最大容量.zip
最新发布
10-03
基于Python的新能源汽车应用场景，使用神经网络训练锂离子电池使用相关数据并预测电池的当前最大容量
HTML标签属性完全指南
“html标签属性大全（完美版）涵盖了HTML中常用的标签和属性，旨在帮助学习者更好地理解和使用HTML进行网页制作。此大全包括了滚动标签`<marquee>`的各种属性，如行为、方向、循环次数、宽度、高度、背景色、滚动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值