大数据开发基础之HTML基础知识
myzbx 2024-12-11 15:57 44 浏览
今天为大家带来的是大数据开发基础的HTML基础了解,HTML是英文Hyper Text Markup Language的首字母缩写,又被称为超文标记语言,是一种标记语言。大家平日里浏览的各个网站,就需要HTML技术,想要拥有好看美观的网站,就不得不需要HTML的帮助。(HTML有多个版本,目前已发展到HTML5)
1. HTML基础知识
HTML是一种标记语言,但这种语言是比较特殊的叫做超文标记语言,超文本的意思就是不止是文本,还可以包含图片,链接,音乐,甚至程序等非文字元素。
标准的超文本标记语言文件都具有一个基本的整体结构,它的组成结构包括头(Head)和主体(Body),其中“头”部用于提供关于网页的信息,“主体”部分用于提供网页的具体内容。
标记符<html>,说明该文件是使用超文本标记语言来描述的,是该文件的开头,相对的,有头就有尾,</html>,就表示该文件的结尾,它们两个是超文本标记语言文件的开始标记和结尾标记。当我们看到某个文件有这两个标记符就可以判定该文件是由超文本标记语言描述的。不仅如此,“头部”和“主体”也有头尾之分,<Head>为头部开始,</Head>为结束;<Body>为开头</Body>为结束,另外HTML 标签通常是成对出现的
<html>
<head>
<title>name</title>
</head>
<body>
<p>my name is linlin</p>
</body>
</html>
这样一个简单的网页源码的结构就出来了。
注意:写完代码记得将格式保存为.html(推荐使用)、.htm、.xhtml
2. HTML特点
(1)简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
(2)可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标示符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
(3)通用性:虽然个人计算机大行其道,但使用MAC等其他机器的人也不占少数,超级文本标记语言可以在广泛的平台上使用,这也是万维网(WWW)盛行的另一个原因。
(4)平台无关性:另外,HTML是网络的通用语言,简单、通用。它的存在使得网页制作人能够建立文本与图片及其他复杂的页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
3. 常用元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。这里就给大家简单介绍一些常用的元素。
<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件
如前文所说HTML是能够帮助你提高网页上限的语言,对于网页的制作,不能仅仅是制作出,还要制作的方便,美观。这样,大家在浏览网页时才会感到舒服,自己也会颇有成就感。希望大家能有所收获。
相关推荐
- 泰国野猪足球队一17岁队员在英去世,曾被困洞穴18天后奇迹获救
-
泰国网图当地时间2月14日,现年17岁的泰国野猪队队员多姆(Dom,本名DuangpetchPromthep)在英国去世,他曾于2018年被困于洞穴18天后奇迹获救。据英国广播公司(BBC)报道,...
- 你需要知道的 19 个 console 实用调试技巧
-
大家好,我是Echa。之前给大家介绍了《H5移动端调试攻略——超实用》,有兴趣的小伙们可以回过头看看。浏览器的开发者工具为我们提供了强大的调试系统,可以用来查看DOM树结构、CSS样式调试、动画调试...
- 深圳嘉华学校:什么是JQuery?_深圳嘉华职业技术学校
-
什么是JQuery?这里将由北大青鸟深圳嘉华来介绍下关于JQuery部分知识,希望能让大家对JQuery有初步的映象。JQuery是继prototype之后又一个优秀的Javascript库。它是轻量...
- Vue3 实现一个简单的放大动画_vue放大图片
-
设计思路定位动画我们在之前已经实现了。那么这里只要考虑如何实现放大动画,最后将两者结合起来就好。从后端拿到的返回值是一个固定长度的数组,所以这里还是用div利用flex布局将图片平铺展示,利用...
- JavaScript 事件循环机制详解_js事件循环队列
-
记录、分享IT相关知识和见闻!想要了解更多软件相关知识的朋友!记得右上角添加【关注】,支持一下!JavaScript是单线程语言,意味着同一时间只能执行一个任务。为了处理异步操作(如定时器、网络请求...
- 前端性能优化新维度:渲染流水线深度解析
-
当开发者沉迷于框架选型和语法特性时,浏览器渲染引擎正在以每秒60帧的速度执行着精密计算。本文将揭示现代浏览器的渲染流水线工作原理,探索超越传统性能优化的新思路。一、渲染流水线的五大阶段1.JavaSc...
- 如果看未来,DOM应该也不是答案_如果知道未来
-
Managershare:未来,还会有连通APP的APP。不过,一切都不会基于网页。有一个词"手机网站"(mobileweb),指供手机浏览的网站,但它是不存在的。人们提到"移动互联网"的时候,其实...
- Springboot之登录模块探索(含Token,验证码,网络安全等知识)
-
简介登录模块很简单,前端发送账号密码的表单,后端接收验证后即可~淦!可是我想多了,于是有了以下几个问题(里面还包含网络安全问题):1.登录时的验证码2.自动登录的实现3.怎么维护前后端登录状态在这和大...
- 总结100+前端优质库,让你成为前端百事通
-
1年多时间,陆陆续续整理了一些常用且实用的开源项目,方便大家更高效地学习和工作.js相关库js常用工具类「lodash」一个一致性、模块化、高性能的JavaScript实用工具库。「xij...
- 基于ssm的XATU实验室安全管理系统 [SSM]-计算机毕业设计源码+文档
-
摘要:实验室安全管理是高校和科研机构工作中的重要环节。本文介绍了基于SSM(Spring+SpringMVC+MyBatis)框架的XATU实验室安全管理系统。该系统涵盖系统用户管理、安全教...
- Dynamics.js – 创建逼真的物理动画的 JS 库
-
Dynamics.js是一个用于创建物理动画JavaScript库。你只需要把dynamics.js引入你的页面,然后就可以激活任何DOM元素的CSS属性动画,也可以结合SVG使...
- Vue3 神级工具:终于可以实现打字的动画效果了!
-
Typed.js是一个轻量级的JavaScript库,用于在网页上实现打字机动画效果。它支持自定义打字速度、循环模式、回调函数等,非常适合用于动态展示标语、代码片段或交互式文本效果。核心特性打字...
- 创建酷炫动画效果的10个JavaScript库
-
Dynamics.js是设计基于物理规律的动画的重要JavaScript库。它可以赋予生命给所有包含CSS和SVG属性的DOM(文本对象模型)元素,换句话说,Dynamics.js适用于所有Java...
- 《速度与激情》动画剧首曝剧照,12月26日奈飞上线
-
新京报讯11月19日,《速度与激情》动画剧《速度与激情:间谍赛车手》发布首批剧照,并宣布将于12月26日在奈飞上线。该剧由范·迪塞尔担任制片人,他的女儿SimiliceDiesel加盟配音。此外,...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)
- SVG 文本 (32)
- 时钟启动 (33)
- HTML 游戏 (34)
- JS Loop For (32)