本文给大家谈谈html博客源码，以及博客 源码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录：
- 1、HTML和源代码有什么区别？他俩是什么关系？
- 2、HTML是什么？？
- 3、怎样在博客中使用html
- 4、html制作个人简历网页代码
HTML和源代码有什么区别？他俩是什么关系？
源代码相当于是大厨的手艺反过来说，你去饭店吃饭，菜是看得到吃的到的，但是一般人家不让你去后厨的也就相当于，HTML是大家都看得到的，而源代码一般不想让所有人看到2.源代码一般指没有编译或解释前的计算机语言。ASP JSP等语言是用来生成HTML的，一般网站的源代码指的就是这些语言的代码。HTML是一种标准，一种语言，只要用符合W3C标准的浏览器就可以看到用HTML描述的网页。HTML可以是源代码的一部分，也可以就是源代码的全部。3.HTML是静态网页的一种语言。源代码是指用计算机语言编写的可读程序代码。4.W3C是 互联网组织 的标准，是一系列标准的统称最重要的就是关于 HTML 的标准做网站开发的人两难的选择是 支持W3C标准 还是 支持 IE， 因为微软的IE很多地方不兼容W3C就是说，你的网站按照W3C开发，IE显示就会有问题，你按IE开发，那么一方面IE6，7，8几个版本自己之间也不兼容，另一方面 用其他浏览器的人，比如 firefox，opera，chrome的人，看你的网站也会有问题5.什么是ASP语言 从字面上说，ASP包含三方面含义：1、Active：ASP使用了Microsoft的ActiveX技术。ActiveX（COM）技术是现在Microsoft软件的重要基础。它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。ASP本身封装了一些基本组件和常用组件，有很多公司也开发了很多实用组件。只要你可以在服务器上安装这些组件，通过访问组件，你就可以快速、简易地建立自己的WEB应用。2、Server：ASP运行在服务器端。这样就不必担心浏览器是否支持ASP所使用的编程语言。ASP的编程语言可以是VBSCRIPT和 JSCRIPT。VBSCRIPT是VB的一个简集，会VB的人可以很方便的快速上手。然而Netscape浏览器不支持客户端的VBSCRIPT，所以最好不要在客户端使用VBSCRIPT。而在服务器端，则无需考虑浏览器的支持问题。Netscape浏览器也可以正常显示ASP页面。3、Pages：ASP返回标准的HTML页面，可以正常地在常用的浏览器中显示。浏览者查看页面源文件时，看到的是ASP生成的HTML代码，而不是ASP程序代码。这样就可以防止别人抄袭程序。由此我们可以看出，ASP是在IIS下开发WEB应用的一种简单、方便的编程工具。在了解了VBSCRIPT的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的ASP系统。二、ASP能干什么？ASP是基于WEB的一种编程技术，可以说是CGI的一种。它可以完成以往CGI程序的所有功能，如计数器、留言簿、公告板、聊天室等等。 ASP可以轻松地实现对页面内容的动态控制，根据不同的浏览者，显示不同的页面内容。而浏览者一点觉察不出来，就像为他专门制作的页面一样。使用各种各样的组件，ASP可以完成无比强大的功能。使用FileSystemObject，可以对服务器上的文件进行操作，浏览、复制、移动、删除等。有ADO （Active Database Object，动态数据库对象）的支持，ASP对数据库的操作非常得心应手。你甚至可以像使用本地数据库那样，管理远程主机上的数据库，对表格、记录进行各种操作。使用CDONTS（Collaboration Data Objects for NTS，NTS协作数据对象），可以发送、查看邮件，实现WEBMAIL的功能。结合WSH（Windows Scripting Host），可以实现对NT主机的管理，如NT用户管理、IIS虚拟主机设置、EXCHANGE邮箱设置等等，就像管理本地机一样方便。6.Jsp语言JSP就是Java，只是它是一个特别的Java语言，加入了一个特殊的引擎，这个引擎将HTTPServlet这个类的一些对象自动进行初始化好让用户使用，而用户不用再去操心前面的工作。同时这个引擎又引入了jsp:*、%@等一系列的特别语法，使用这些语法来进行一些特定的操作，如引用文件、URL转向、JavaBean引用等这样的操作，这些都是由引擎自动帮你完成初始化的工作。 我们可以将这个引擎看作一个Jsp到Java Servlet的生成器或是翻译器，让用户不用再面对复杂的Servlet中的还没开始工作就要写的几十行代码。这就是JSP–一个Java Servlet生成器。JSP-Java Servlet Code(.java文件)-Java Runtime Bin Code(.class文件)，这就是为什么我们第一次运行JSP时CPU运行能达到很高的原因，它实际上是调用了jsp引擎来生成java文件，再用javac来编译它到class文件，这才能去执行它。同时也说明了在第一次运行以后，速度为什么哪么快的原因，只要这个jsp文件不改变哪么这个操作就不再会进行了(除非你删除了class文件)。java有什么jsp就有什么样的功能，与asp一样，jsp的真正力量是我们永远看不到头的！
HTML是什么？？
HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
怎样在博客中使用html
点击写日志，在出来的编辑框右下角有个“显示源代码”的选项，选中后，编辑的内容就是以HTML格式显示。你把需要的代码写进去就OK。
html制作个人简历网页代码
以下是我用html的相关知识制作的个人简历网页，话不多说先看看最终效果：
如上所示项目一共分为5个部分，分别对应导航栏的5个内容。其中项目技能用的是echarts里的柱状图，作品展示用的是bootstrap里的轮播图，除此之外就是html的基础内容。下面我们展示一下项目的代码部分：
!DOCTYPE htmlhtml
head
meta charset=”utf-8″
title我的个人简历/title
link rel=”stylesheet” href=”lib/css/color.css”
link rel=”stylesheet” href=””
script src=””/script
script src=””/script
script src=””/script
/head
body
div class=”jumbotron text-center” style=”margin-bottom:0″ id=”grad1″
img src=”lib/pic/1.jpg” width=”80px” height=”80px” /
h3黄智奇/h3
p style=”font-size: 15px;”2018年升入陕西国防工业职业技术学院，br/学习软件编程，对编程有浓厚的兴趣，
在老师的指导，br/和自己的课下练习，渐渐对编程有了更深入的了解。br/在课余时间，
我喜欢唱歌、跑步和打乒乓球。br/喜好结交志同道合的朋友，一起分享学习的生活的经验。br/
有良好的团队意识，学习时认真负责。 ? ? ? ? ? ?/p
/div
nav class=”navbar navbar-inverse”
div class=”container-fluid”
div class=”navbar-header”
button type=”button” class=”navbar-toggle” data-toggle=”collapse” data-target=”#myNavbar”
span class=”icon-bar”/span
span class=”icon-bar”/span
span class=”icon-bar”/span
/button
!–a class=”navbar-brand” href=”#”专业技能/a–
/div
div id=”relation”
table ?class=”table table-striped”
tbody
tr align=”center”
tda href=”#email”button type=”button” class=”btn btn-primary btn-lg”
span class=”glyphicon glyphicon-envelope”/span
/button/a/td
td a href=”#email”button type=”button” class=”btn btn-primary btn-lg”
span class=” glyphicon glyphicon-earphone”/span
/button/a/td
tda href=”” target=”_blank”button type=”button” class=”btn btn-primary btn-lg”
span class=” glyphicon glyphicon-user”/span
/button/a/td
/tr
/tbody
/table
/div
div class=”collapse navbar-collapse” id=”myNavbar”
ul class=”nav nav-pills nav-justified”
lia href=”#main”专业技能/a/li
lia href=”#project”项目经验/a/li
lia href=”#myCarousel”作品展示/a/li
lia href=”#education”教育经历/a/li
lia href=”#relation”联系方式/a/li
/ul
/div
/div
/nav
!– 为ECharts准备一个具备大小（宽高）的Dom —
div id=”main” style=”width:
50%;height:400px;left: 25%;”/div
script type=”text/javascript”
// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById(‘main’));
// 指定图表的配置项和数据
var option = {
title: {
text: ‘专业技能平均分’
},
tooltip: {},
legend: {
data:[‘分数’],
},
xAxis: {
data: [“Java语言”,”mysql数据库”,”Javascript语言”,”web开发”,”ssm框架”,”springboot框架”],axisLabel: {
// inside: true, 隐藏x轴内容
// 改变x轴字体颜色
// ? ? textStyle: {
// ? ? ? ? color: ‘#8B4500’
// ? ? }
},
},
yAxis: {},
series: [{
name: ‘分数’,
type: ‘bar’,
//改变图表颜色
color:[‘#8EE5EE’],
data: [85, 95, 82, 90, 80, 80]
}],
};
// 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);
/script
ul class=”list-unstyled” align=”center”
liJava基础:br/
我入门时首先学的就是Java基础，然后再到Java高级开发，br/
在学习过程中老师细致的教学为我们打下了牢固的java基础。 ? ? ? ? ? ? ?/li
limysql数据库:br/
mysql数据库是我们大一第二学期开的课，配合Java高级开发一起学习的科目，br/
因为自己本身就喜欢数据库的一些东西，所有mysql数据库也有良好的基础。/li
liJavascript语言：br/
在学JavaScript之前我有良好的html5和css基础，所学习JavaScript时也是十分顺利的掌握了课本里的内容。/li
liweb开发:br/
web开发是我最喜爱的科目之一，servlet的学习给我启发深刻。/li
lissm框架:br/
ssm框架相比springboot而言是比较繁琐的，但是在学习和理解起来却比springboot更容易让人掌握。/li
lispringboot框架:br/
springboot框架入门起来十分迅速，在基础的使用起来也是十分方便，但查看源码时，没有ssm容易让人理解。/li
/ul
div class=”container” align=”center”
div class=”row”
div class=”col-sm-4″
h3 class=”text-info” id=”project”项目名称/h3
ul class=”nav nav-pills nav-stacked”
li class=”active”a href=”#car”新能源汽车项目/a/li
lia href=”#city”咕泡商城项目/a/li
lia href=”#bug”爬虫项目/a/li
/ul
hr class=”hidden-sm hidden-md hidden-lg”
/div
div class=”col-sm-8″ align=”left”
h3 class=”text-info”项目内容/h3
h2 id=”car”新能源汽车/h2
h5企业saas工坊/h5
p新能源汽车项目是我们掌握smm框架知识后第一个实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。
该项目用到了，html5+css3，mysql数据库，spring，mybatis，springmvc框架，ajax，JavaScript，web，bootstrap，echarts，sweetalert
等技术。项目从开始到完成我们用了2个月的时间。该项目的主要是写一个汽车app社交平台，包括用户登录注册，用户上传车辆信息，统计用户车辆，分析故障车辆原因，
以及导航、朋友圈等功能一体的汽车平台。该项目用户的使用方法如下： ? ? ? ?p1.新用户进行登录注册。/p
p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/p
p3.新用户上传自己车辆信息，并绑定账号。/p
p4.新用户可以上传自己车辆故障，系统自动查询车辆故障原因以及维修方案。/p
p5.用户可以添加车友，在车友圈发布求助信息等。/p
p6.用户还可以进行地图导航，以及查询公交车，出租车，飞机等交通工具的时间和行程。/p
p 通过完成这个项目，让我获得了很大的进步。不论是前端知识还是后端知识，在该项目上
都得到了充分的展示。让我也一下子吸收了很多的知识与技能，为后面的项目打下了坚实的基础。/p
/p
br
h2 id=”city”咕泡商城/h2
h5企业saas工坊/h5
p咕泡商城项目是我们学完springboot之后的实战项目，该项目由工坊老师指导下，前后端都由我们个人独立完成的项目。
该项目用到了，html5+css3,mysql数据库,springboot框架,maven,web,javascript,jquery,ajax,echarts,bootstrap等技术。
项目从开始到完成我们用了10天的时间。该项目主要是写一个网上商城电商购物平台，包括用户登录注册，用户绑定信息，上传头像、昵称等个人信息，
用户主要可以在该平台上面购买各种商品，每种商品都做好了分类管理，用户点击分类名称或者准确搜索都能显示出自己想要的商品。用户点击商品就可以
链接到商品详情页面，不论是购物还是浏览商品都非常的方便。该项目用户的使用方法： ? ? ? ?p1.新用户进行登录注册。/p
p2.登录成功后新用户可以进行修改密码、昵称、头像等个人信息。/p
p 3.用户自由购买和浏览商品信息。/p
该项目让我们体验了springboot的配置强大之处，没有繁琐的多余配置文件，所有配置都由一个配置文件解决，简化了我们smm框架配置的痛苦。 ? ? ?/p
br
h2 id=”bug”爬虫/h2
h5企业saas工坊/h5
p爬虫项目是我们最近才做完的项目。该项目与以往项目不同，该项目是由工坊老师指导下，我们首次前后端分离合作的项目。一个团体3个人，分别做前端展示数据，后端爬取数据和数据清洗。
我在这个项目中做的是后端爬取数据。我用到了，httpclient，jsoup，webmagic，springboot，maven，mysql等技术。该项目主要是爬去51job网站上面的工作岗位，
我们主要爬取了与我们软件相关的工作岗位，共爬取了2万条数据处理并展示。该项目执行步骤如下： ? ? ? ?p1.后端爬取数据并存到数据库。/p
p2.中间清洗数据，将数据改变为前端人员需要的格式。/p
p3.前端人员根据需求展示数据。/p
该项目让我们体会到了团队合作和团队分工明确的重要性，每个人做好属于自己的一份任务，环环相扣才能保质保量的完成项目。 ? ? ?/p
/div/div
/div
div id=”myCarousel” class=”carousel slide” style=”border: solid; border-color: cornflowerblue;”
!– 轮播（Carousel）指标 —
ol class=”carousel-indicators”
li data-target=”#myCarousel” data-slide-to=”0″ class=”active”/li
li data-target=”#myCarousel” data-slide-to=”1″/li
li data-target=”#myCarousel” data-slide-to=”2″/li
li data-target=”#myCarousel” data-slide-to=”3″/li
/ol
!– 轮播（Carousel）项目 —
div class=”carousel-inner” align=”center”
div class=”item active”
img src=”C:\Users\1\Desktop\gpsc.png” style=”width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;” alt=”First slide”
/div
div class=”item”
img src=”C:\Users\1\Desktop\pc1.png” style=”width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;” alt=”Second slide”
/div
div class=”item”
img src=”C:\Users\1\Desktop\xny.png” style=”width: 80%;height: 800px; border: solid 5px; border-color: lightslategray;” alt=”Second slide”
/div
div class=”item”
img src=”C:\Users\1\Desktop\pc2.png” style=”width: 80%;height: 800px; border: solid 5px; border-color: darkgray;” alt=”Third slide”
/div
/div
!– 轮播（Carousel）导航 —
a class=”left carousel-control” href=”#myCarousel” role=”button” data-slide=”prev”
span class=”glyphicon glyphicon-chevron-left” aria-hidden=”true”/span
span class=”sr-only”Previous/span
/a
a class=”right carousel-control” href=”#myCarousel” role=”button” data-slide=”next”
span class=”glyphicon glyphicon-chevron-right” aria-hidden=”true”/span
span class=”sr-only”Next/span
/a/div
div style=”width: 100%; height: 220px; ”
table class=”table”
caption style=”text-align: center;”h3 id=”education” style=”color: black;”教育经历/h3/caption
tbody style=”text-align: center;”
tr
td2006.9.-2012.7/td
td就读于xx小学/td
/tr
tr
td2012.9-2015.7 /td
td 就读于xx初中/td
/tr
tr
td2015.9-2018.7 /td
td 就读于xx高级中学/td
/tr
tr
td2018.9-至今 /td
td 就读于陕西国防工业职业技术学院/td
/tr
/tbody/table/div
div class=”jumbotron text-center” style=”margin-bottom:0″
p id=”email” align=”left”nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;邮箱:3136484707@qq.com ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;电话号码：11111111111
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;
nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;个人博客:;/p
/div
/body/html
本文关于html博客源码和博客 源码的内容来源于网络，版权归原作者所有，如有侵权，请联系删除！
【免备案CDN、高防CDN，购买请访问：www.98cloud.com】
