【前端开发】html | 01

最新推荐文章于 2023-09-06 08:10:55 发布
最新推荐文章于 2023-09-06 08:10:55 发布
阅读量156 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lzylzylzylzy11/article/details/54647642
版权

什么是 HTML？

 HTML 是用来描述网页的一种语言。

  • HTML 指的是超文本标记语言 (Hyper Text Markup Language)
  • HTML 不是一种编程语言，而是一种标记语言 (markup language)

编程语言 (programming language)可以例如 c, perl, javascript 

标记语言( markup language ), 有 xml, html,  xhtml ( xml 和 html 的合体 )你会见到他们都是 "ml" 尾的.

标记语言的存在用来被读取的, 例如 svg 的图档其实就是用 xml 写出来的. 而其本身是没有行为能力的. 在标记语言里你会看到很多 < 和 > 这些钻括号, 这些是用来写出 "层次" 和 "属性" 的. 简言之, 他是被动的

而在 编程语言 里, 你会看到很多 if else for while print ... 这些具有逻辑性和行为能力的指令. 这是主动的.

  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

HTML 文档 = 网页

  • HTML 文档描述网页
  • HTML 文档包含 HTML 标签和纯文本
  • HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容：

  • <html> 与 </html> 之间的文本描述网页
  • <body> 与 </body> 之间的文本是可见的页面内容
  • <h1> 与 </h1> 之间的文本被显示为标题
  • <p> 与 </p> 之间的文本被显示为段落



HTML 标题

HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。

实例

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

实例

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

实例

<a href="http://www.w3school.com.cn">This is a link</a>


HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

实例

<img src="w3school.jpg" width="104" height="142" />


HTML 元素语法

  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容（empty content）
  • 空元素在开始标签中进行关闭（以开始标签的结束而结束）
  • 大多数 HTML 元素可拥有属性

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。

<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。



山山唯落晖
关注
【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程
等风来
08-31 2万+
正式开始学习前 确保你已学过前端三件套 HTML CSS JavaScriptVue.js是一种流行的JavaScript前端框架，用于构建交互式的、响应式的用户界面。它是一种轻量级、灵活和易于学习的框架，广泛应用于现代Web应用程序开发中。前端框架那么多，为什么Vue.js非学不可？Vue.js的简洁语法和易用性使得它成为构建现代Web应用程序的优秀选择，无论是小型项目还是大型复杂的应用都能发挥出色的效果。Vue.js使用双向绑定的数据模型，将数据和视图进行关联。
第33课第三题
fh73566021的专栏
05-05 508
#include #include //第三题，求1000以内能被3整除切个位数为6的整数 int main( ) { int i,j; for(i=0;i<99;i++) { j=i*10+6; if (j%3==0) { printf("%d,",j); } }
JavaScript权威指南_92_第13章_Web浏览器中的JavaScript_13.2-在HTML里嵌套JavaScript
吴钦飞
04-03 675
九度教程第22题
编程语言小筑
01-18 81
题目地址：http://ac.jobdu.com/problem.php?cid=1040&amp;pid=21 C语言源码： #include&lt;stdio.h&gt; #include&lt;stdlib.h&gt; typedef struct show { int start,end; }show; int cmp(const void *a,const void *b) { ...
Web前端开发精品课HTML CSS JavaScript基础教程第二十三章课后编程题答案
全村的希望的博客
12-08 2581
编程题： 1.仿照百度首页，自己动手还原出来（仿站是初学者最佳的实践方式，而百度首页往往是最适合初学者联系的第一个页面）。 我们来看看百度首页： 1)用VS2013新建ASP.NET空网站，添加新项，建立名称为baidu的HTML文件，向其加入以下代码： 百度一下，你就知道 新闻 hao12
[Java web编程]第2章 HTML与css网页开发基础（HTML基础）
冬冬466的博客
08-08 323
  一、html简介 1、html是什么 Html是用来描述网页的一种语言。 (1)HTML 指的是超文本标记语言 (Hyper Text Markup Language) (2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag)); (3)HTML 使用标记标签来描述网页   超文本 标记 语言 语言： ...
web前端开发（一）—HTML基础
热门推荐
mdxiaohu的博客
07-31 10万+
  目录 web前端简介 什么是HTML？ HTML标签 HTML基本结构 HTML 段落标签 HTML 换行标签 HTML标题 HTML 水平线 HTML注释 HTML 标签 HTML 列表标签 HTML表格 HTML超链接 HTML 图片 HTML表单 表单元素-文本、密码框 表单元素-多行文本框 表单元素-选择框 表单元素-下拉选择框 表单元素-按钮...
认识前端开发
m0_65382530的博客
06-23 3759
前端开发是指开发网络应用程序（通常基于 Web 或移动应用平台），利用 HTML、CSS 和 JavaScript 等技术来实现用户界面和用户交互，使得用户可以便捷地使用程序并获得交互反馈。前端开发主要关注的是软件的展示层，即用户能够看到和触摸到的部分。HTML是前端开发中最基本的语言，它用来描述文档结构和内容。CSS用于定义文档的样式和布局，使得文档展示更加美观、易读。JavaScript则是一种编程语言，常用于制作交互式的网站和应用程序，并增加软件的交互性和可用性。
web前端开发技术储久良第三版答案
12-09
《Web前端开发技术储久良第三版答案》涵盖了前端开发领域的关键知识点，主要针对储久良教授编著的教材第三版中的习题和实验提供了详尽的解答。这本书旨在帮助学习者深入理解Web前端开发的核心概念和技术，通过解决...
阿里web前端开发手册.pdf
11-03
阿里web前端开发手册是一份详细的前端开发规范，涵盖了项目命名、目录命名、JS、CSS、SCSS、HTML、PNG 文件命名等多个方面的命名规范。下面是本手册中的一些重要知识点： 1. 命名规范： 在项目开发中，命名规范是...
Z01866Web前端开发技术 HTML、CSS、JavaScript 第2版.pdf
07-23
Z01866Web前端开发技术 HTML、CSS、JavaScript 第2版
【前端框架开发 | Vue.js | 第三篇】Vue.js实例化及逻辑理解
等风来
09-06 1万+
在使用 Vue.js 搭建前端时，每个 Vue 应用都需要通过实例化 Vue 来实现。要实例化Vue，需要按照以下步骤进行操作。创建Vue实例：在JavaScript代码中，使用new Vue()来创建Vue实例。可以传入一个配置对象，其中包含了组件的各种配置项，如数据、方法、模板等。
Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
全村的希望的博客
12-05 4531
编程题 利用这一章学到的各种文本标签，把图4-25所示的网页效果做出来。 用VS2013新建ASP.NET空网站，添加新项，建立HTML文件，向其加入以下代码： 全村的希望2017年12月5号复习 各科小常识 语文   三国演义是中国四大名著之一，元末明初小说家罗贯中所著，是中国第一部章回体历史演义 的小说，描述了从东汉末年到西晋
Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案
全村的希望的博客
12-06 3361
编程题： 利用这样一章学到的知识，制作如图6-10所示的表格效果，并且要求代码语义化。 用VS2013新建ASP.NET空网站，添加新项，建立HTML文件，向其加入以下代码： 第六章编程题答案 table, tr, th, td { border: 1px solid silver; }
考虑P2G和碳捕集设备的热电联供综合能源系统优化调度模型（Matlab代码实现）.rar
10-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
可提高超声成像系统在时间延迟多普勒参数方面的分辨率 matlab代码.rar
10-09
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
宠物服务平台 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS）.zip
最新发布
10-09
宠物服务平台 SSM毕业设计 源码+数据库+论文（JAVA+SpringBoot+Vue.JS） 启动教程：https://www.bilibili.com/video/BV1GK1iYyE2B
四轮转向汽车模型预测控制(MPC)路径跟踪 simulink-simscape仿真，无需carsim mpc基于车辆动力学模型
10-09
四轮转向汽车模型预测控制(MPC)路径跟踪 simulink-simscape仿真，无需carsim。 mpc基于车辆动力学模型设计，纵向PID控制。 支持平坦路面，颠簸路面切，外形变化。 魔术公式轮胎模型。 注：MATLAB要求2022a及以上版本
基于改进U-Net算法(融入注意力机制)的甲状腺结节分割系统python源码+h5模型.zip
10-09
基于改进U-Net算法(融入注意力机制)的甲状腺结节分割系统python源码+h5模型.zip 【项目介绍】 关键技术 改进U-Net算法：在原始的U-Net网络基础上，该系统进行了优化和改进，以提高对甲状腺结节的分割能力。例如，通过引入更多的卷积层、增加特征通道数或采用更先进的激活函数等方式，增强网络的学习能力和特征提取能力。 注意力机制：注意力机制是深度学习领域的一种重要技术，它能够让模型在处理输入数据时更加关注重要的部分。在该系统中，注意力机制被用于增强网络对甲状腺结节的关注度，从而提高分割精度。这通常通过在网络的某些层中引入注意力模块来实现，这些模块能够计算输入数据的权重，并据此调整网络对数据的处理。 多尺度特征融合：由于甲状腺结节的大小和形状各异，系统采用了多尺度特征融合技术来增强对不同尺寸结节的分割能力。这通常通过在网络中引入不同尺度的卷积核或池化层来实现，从而能够捕捉到更丰富的特征信息。 系统应用与效果 该系统可以应用于甲状腺结节的超声图像分割，为医生提供精确的分割结果，从而辅助医生进行更准确的诊断。在实际应用中，该系统已经取得了显著的效果，分割精度得到了大幅提升
HTML5游戏前端开发实战技巧
"HTML5游戏前端开发秘籍" 在HTML5游戏前端开发中，尤其是在构建适应性强、性能优良的游戏时，有几点技术要点至关重要。本文主要围绕HTML和CSS技术展开，以QQ空间Android版的“空间疯狂套牛”游戏为例，探讨如何解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值