大数据开发基础之HTML基础知识

大数据开发基础之HTML基础知识

技术教程gslnedu2025-03-31 14:33:579A+A-

今天为大家带来的是大数据开发基础的HTML基础了解,HTML是英文Hyper Text Markup Language的首字母缩写,又被称为超文标记语言,是一种标记语言。大家平日里浏览的各个网站,就需要HTML技术,想要拥有好看美观的网站,就不得不需要HTML的帮助。(HTML有多个版本,目前已发展到HTML5)

1. HTML基础知识

HTML是一种标记语言,但这种语言是比较特殊的叫做超文标记语言,超文本的意思就是不止是文本,还可以包含图片,链接,音乐,甚至程序等非文字元素。

标准的超文本标记语言文件都具有一个基本的整体结构,它的组成结构包括头(Head)和主体(Body),其中“头”部用于提供关于网页的信息,“主体”部分用于提供网页的具体内容。

标记符,说明该文件是使用超文本标记语言来描述的,是该文件的开头,相对的,有头就有尾,,就表示该文件的结尾,它们两个是超文本标记语言文件的开始标记和结尾标记。当我们看到某个文件有这两个标记符就可以判定该文件是由超文本标记语言描述的。不仅如此,“头部”和“主体”也有头尾之分,为头部开始,为结束;为开头为结束,另外HTML 标签通常是成对出现的

name

my name is linlin

这样一个简单的网页源码的结构就出来了。

注意:写完代码记得将格式保存为.html(推荐使用)、.htm、.xhtml

2. HTML特点

(1)简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。

(2)可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标示符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。

(3)通用性:虽然个人计算机大行其道,但使用MAC等其他机器的人也不占少数,超级文本标记语言可以在广泛的平台上使用,这也是万维网(WWW)盛行的另一个原因。

(4)平台无关性:另外,HTML是网络的通用语言,简单、通用。它的存在使得网页制作人能够建立文本与图片及其他复杂的页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。

3. 常用元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。这里就给大家简单介绍一些常用的元素。

定义了文档的信息

定义了文档的标题</p><p><base> 定义了页面链接标签的默认链接地址</p><p><link> 定义了一个文档和外部资源之间的关系</p><p><meta> 定义了HTML文档中的元数据</p><p><script> 定义了客户端的脚本文件</p><p><style> 定义了HTML文档的样式文件</p><p>如前文所说HTML是能够帮助你提高网页上限的语言,对于网页的制作,不能仅仅是制作出,还要制作的方便,美观。这样,大家在浏览网页时才会感到舒服,自己也会颇有成就感。希望大家能有所收获。</p> </div> <div class="imoney logbot"> </div> <fieldset class="ainfo"> <legend align="center">点击这里复制本文地址</legend> <div class="social-share" data-disabled="diandian"></div> <input type="text" value="http://www.gslnedu.com/post/3518.html" id="aurl"> <i class="fa fa-thumb-tack"></i>以上内容由<a href="http://www.gslnedu.com/" class="mlight">朽木教程网</a>整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢! </fieldset> <link rel="stylesheet" href="http://www.gslnedu.com/zb_users/theme/CmsDown/css/share.min.css"> <script src="http://www.gslnedu.com/zb_users/theme/CmsDown/script/jquery.share.min.js"></script> <div class="tags"><a href="http://www.gslnedu.com/tags-229.html" target="_blank">html指什么</a></div> <div class="nextlog"> <div class="prev"><span>上一篇:</span><a href="http://www.gslnedu.com/post/3517.html">零基础教你学前端——0.什么是网页</a></div> <div class="next"><span>下一篇:</span><a href="http://www.gslnedu.com/post/3519.html">「前端」HTML之结构</a></div> </div> <div class="link-box"> <h3>相关文章</h3> <ul class="rexlist"> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5816.html" title="来了!JavaScript 最强大的 8 个 DOM API">来了!JavaScript 最强大的 8 个 DOM API</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5815.html" title="css3属性(transform)的一个css3动画小应用">css3属性(transform)的一个css3动画小应用</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5814.html" title="如何拥有渐变色 | css进阶(css渐变效果)">如何拥有渐变色 | css进阶(css渐变效果)</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5813.html" title="canvas是什么?前端中canvas 性能为何会比 html/css 好?">canvas是什么?前端中canvas 性能为何会比 html/css 好?</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5812.html" title="自己实现一个javascript事件模块(js事件处理程序)">自己实现一个javascript事件模块(js事件处理程序)</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5811.html" title="19个基本的JavaScript面试问题及答案(都是实用技巧)免费送">19个基本的JavaScript面试问题及答案(都是实用技巧)免费送</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5810.html" title="JavaScript中的常用事件,以及内置对象详解">JavaScript中的常用事件,以及内置对象详解</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5809.html" title="JavaScript技术:如何动态添加事件?">JavaScript技术:如何动态添加事件?</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5808.html" title="JavaScript事件循环机制:为什么你的代码先执行或后执行?">JavaScript事件循环机制:为什么你的代码先执行或后执行?</a></li> <li><i class="fa fa-caret-right"></i><a href="http://www.gslnedu.com/post/5807.html" title="前端面试模拟:常见的3个JavaScript经典考题">前端面试模拟:常见的3个JavaScript经典考题</a></li> </ul> </div> </div> </div> </div> </div> </div> <div id="footerbar"> <div class="wrap"> <img src="http://www.gslnedu.com/zb_users/theme/CmsDown/images/qrcode.png" class="ft-qrcode" alt="qrcode"> <p class="ftp"><a href="http://www.gslnedu.com/">朽木教程网</a> ©<script>document.write(new Date().getFullYear());</script> All Rights Reserved.  <a href="https://beian.miit.gov.cn/" target="_blank">蜀ICP备2024111239号-8 </a><br /><span class="fta"></span></p> </div> </div> <link rel="stylesheet" href="http://www.gslnedu.com/zb_users/theme/CmsDown/css/lightgallery.min.css"> <script src="http://www.gslnedu.com/zb_users/theme/CmsDown/script/lightgallery-all.min.js"></script> <script> $(function(){ $(".logcon img:not([src*='.php'])").each(function(){ var path = $(this).attr("src"), width = $(this).width(); if(width >= 200 && !$(this).parent("a").length){ $(this).wrap('<a href="'+path+'" class="lightgallery"></a>'); } }); setTimeout(function () { $(".logcon").lightGallery({ thumbnail: false, selector: '.lightgallery' }); }, 800); }); </script> <div class="backtop"><span class="fa fa-angle-up"></span></div> </body> </html><!--62.11 ms , 11 queries , 3072kb memory , 0 error-->