HTML学习笔记

最新推荐文章于 2024-06-24 22:03:08 发布
最新推荐文章于 2024-06-24 22:03:08 发布
阅读量352 收藏 2
点赞数
分类专栏： HTML/CSS核心基础 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Bee_Darker/article/details/116540005
版权

初识HTML

什么是HTML

  • HTML：Hyper Text Markup Language，超文本标记语言
  • 超文本包括：文字、图片、音频、视频、动画等。
  • 在这里插入图片描述

HTML发展史

在这里插入图片描述

HTML的优势

  • 世界知名浏览器广商对HTML5的支持
  • 市场的需求
  • 跨平台

W3C标准

W3C

  • World Wide Web Consortium (万维网联盟)
  • 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构
  • http://www.w3.org/
  • http://www.chinaw3c.org/

W3C标准包括

  • 结构化标准语言（HTML、XML）
  • 表现标准语言（CSS）
  • 行为标准（DOM、ECMAScript)

HTML基本结构

在这里插入图片描述

  • < body>、< /body >等成对的标签，分别叫开放标签和闭合标签单独呈现的标签(空元素)，如< hr />;意为用/来关闭空元素

网页基本信息

<!-- DOCTYPE:告诉浏览器，我们要使用什么规范-->
<!DOCTYPE html>
<html lang="en">

<!--head标签代表网页头部-->
<head>
<!--    meta:用来描述网站的描述信息-->
<!--    meta一般用来做SEO-->
    <meta charset="UTF-8">
    <meta name="keywords" content="HTML,JAVA">
    <meta name="description" content="HTML,JAVA学习">
<!--    title网页标题-->
    <title>the first webpage</title>
</head>
Hello world
<!--body标签代表网页主体-->
<body>

</body>
</html>

网页基本标签

  • 标题标签
  • 段落标签
  • 换行标签
  • 水平线标签
  • 字体样式标签
  • 注释和特殊符号
<!DOCTYPE html>
<html lang="en">
<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>      飞流直下三千尺，疑是银河落九天。<br>
<br>

<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体：<B>i like dog</B><br>
斜体：<I>what do you like</I>
<br>
粗体：<strong>i like dog</strong><br>
斜体：<em>what do you like</em>
<br>
<!--特殊符号-->

空  格：空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格
<br>
大于号：&gt;
<br>
小于号：&lt;
<br>
版权符号：&copy;版权所有
<!--
特殊符号记忆方式
&  ；

-->

</body>
</html>

在这里插入图片描述

图像标签

  • 常见图像格式：JPG、GIF、PNG、BMP······

  • text 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签学习</title>
</head>
<body>
<!--img学习
src:图片地址(必填）
相对地址，绝对地址
../  --上一级目录
-->
<img src="../resourse/image/1.jpg" alt="图像" title="悬停文字" width="300" height="300">

</body>
</html>

链接标签

  • 文本超链接
  • 图像超链接
  • 页面间链接
  • 锚链接
  • 功能性链接
    在这里插入图片描述
<!DOCTYPE html>
<html lang="en"
最低0.47元/天 解锁文章
Bee_Darker
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML5学习笔记
m0_61721166的博客
03-08 8894
一、网页 1.什么是网页 网站是指在因特网上根据一定的规则，使用 HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一“页” ，通常是 HTML 格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html 后缀结尾的文件，因此将其俗称为HTML文件。 2.什么是HTML HTML指的是超文本标记语言(HyperTextMarkupLanguage)，它是用来描述网页的一种语言。HTML不
Vue学习笔记（尚硅谷天禹老师）
热门推荐
qq_55593227的博客
08-15 31万+
Vue学习笔记（尚硅谷天禹老师讲解） 1. Vue核心 1.1. Vue简介 1.1.1. 官网 英文官网 中文官网 1.1.2. 介绍与描述 动态构建用户界面的渐进式JavaScript框架 作者：尤雨溪 1.1.3. Vue的特点 遵循MVVM模式 编码简洁，体积小，运行效率高，适合移动/PC端开发 它本身只关注UI，可以引入其它第三方库开发项目 1.1.4.与其他JS框架的关联 借鉴 Angular 的模板和数据绑定技术 借鉴 React 的组件化和虚拟DOM
【HTML】HTML学习笔记（全）
Bitdancing的专栏
12-09 1万+
前端HTML学习笔记大全
HTML学习笔记(全)
weixin_63676550的博客
01-12 5535
HTML学习笔记 视频教程：https://b23.tv/LbTHmRE
前端之HTML学习笔记一
m0_53211178的博客
02-28 8154
目录 1.网页 1.1网页的概念 1.2HTML的概念 1.3网页的形成 2.常用的浏览器 3.web标准 3.1为什么需要web标准 3.2web标准的构成（重点） 1.网页 1.网页 1.1网页的概念 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。 网页是网站中的一"页"，通常是HTML格式的文件，它要通过浏览器来阅读。 网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成，通常我们看到的网页，常见以.htm或.
黑马程序员 HTML5 学习笔记
susu的博客
07-14 2036
1.html语法规范2.html基本结构标签3.开发工具4.html常用标签5.html中注释和特殊字符
HTML 学习笔记——插入音频、视频标签
m0_55394328的博客
08-04 7393
今天学习了尚硅谷老师的html基础课程，主要是音视频的标签的属性和使用方法。html中插入音频和视频的方法基本相同，这里以音频为例进行演示音频格式：mp3、ogg、wav视频格式：mp4、ogv、webmaudio标签用来向页面中引入一个外部的音频文件。音视频文件引入时，默认情况下不允许用户自己控制播放按钮。以上就是今天的学习笔记啦，希望对大家有帮助~...
html学习笔记（二）
m0_51684016的博客
03-24 4818
文章目录一、表格二、语义标签三、特殊符号四、总结 今天学完了html的大部分知识点，剩下了一些较难的知识点如svg等内容，留在以后学vue3、react的时候回过头来学；后续的话要学习css和JavaScript（重点）。这两三天的事情也比较多，今天将Django项目部署在服务器上了，并且成功跑起来了传送门,后续将持续更新该项目。 一、表格 随着框架的发展，table使用的频率越来越低了，现在可能只有真的想实现一个表格时才会使用table。 caption：标题 table  &nbsp
HTML学习笔记 1-用HBuilderX写的HTML无法在浏览器上运行怎么办？问题出在这里：HBuilderX外部web服务支撑配置
m0_74282485的博客
12-28 1万+
HBuilderX外部web服务支撑配置 在HBuilderX写的HTML代码无法在浏览器上运行怎么办？ 那是因为你的HBuilderX外部web服务没有
html学习笔记
06-22
1.属性，hidden 属性是布尔属性。 注释：在 XHTML 中，属性简写是禁止的，hidden 属性必须定义为 。2.事件
Html学习笔记
10-29
自己学习html的笔记,普通文本格式，适合非前端专业开发者参考。学的好还得自己好好理解。
HTML(17)——圆角和盒子阴影
m0_74386799的博客
06-21 579
作用：设置元素的外边框为圆角属性名：border-radius属性值：数字+px/百分比也可以每个角设置不同的效果，从左上角顺时针开始赋值，没有取值的角与对角取值相同。
html做一个分组散点图图的软件
weixin_47634487的博客
06-21 772
在HTML中创建一个分组散点图，可以结合JavaScript库如D3.js或Plotly.js来实现。这些库提供了强大的数据可视化功能，易于集成和使用。下面是一个使用Plotly.js创建分组散点图的示例： 要添加文件上传功能，可以让用户上传包含数据的文件（例如CSV文件），然后使用JavaScript读取文件并生成散点图。下面是一个示例，展示了如何结合文件上传和用户输入生成分组散点图： 说明： HTML表单：用于用户手动输入每个组的X和Y值。 文件上传：提供了一个文件输入框和按钮，用于上传CSV文件。
HTML(16)——边距问题
m0_74386799的博客
06-21 633
很多标签都有默认的样式，往往我们不需要这些样式，就需要清楚默认样式*{margin:0;padding:0;
HTML(23)——垂直对齐方式
m0_74386799的博客
06-24 325
可以看到图片的下方还有空白。接下来在img内添加vertical-align: middle;发现图片下方空白消失，并且文字也移动到了中间。默认情况下浏览器对行内块，行内标签都按。导致图片看起来会偏上，文字偏下。
HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）
weixin_42283461的博客
06-21 407
HTML静态网页成品作业(HTML+CSS)——家乡泉州介绍网页(3个页面)（表格布局）
HTML、JavaScript连接MySQL数据库以及对数据库的表进行修改
最新发布
qq_63170044的博客
06-24 1046
要使用HTML和JavaScript连接到MySQL数据库并进行表的修改，通常需要使用一个后端服务器来处理数据库的连接和操作，因为HTML和JavaScript在浏览器中运行，不适合直接连接数据库。常用的后端服务器语言包括Node.js、PHP、Python等。这里我们将使用Node.js作为后端服务器来实现这一功能。
黑马html学习笔记
09-15
以下是一些HTML学习笔记的内容： 1. HTML的全称是超文本标记语言，它用于创建网页和网页应用程序的结构。 2. HTML使用标签来定义页面的不同元素。例如，标签用于定义一个标题，标签用于定义一个段落等。 3. HTML...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值