HTML
标准HTML代码书写。
HTML（HyperText Markup Language）是一种用于创建网页结构的标记语言。它使用一系列的标签（tag）来描述网页中的各个元素，如标题、段落、链接、图像等。
HTML的基本语法结构如下：
```html
网页标题 ```
- `` 声明了文档类型为HTML5，告诉浏览器使用HTML5的标准解析网页。
- `` 是HTML文档的根元素，包含了整个网页的内容。
- `` 元素用于定义网页的一些元信息，如标题、引用的外部样式表、脚本等。
- `
` 元素定义网页的标题，显示在浏览器的标题栏或标签页上。<br/>- `<body>` 元素包含了网页的主要内容，如文本、图像、链接等。<br/><br/>除了以上基本结构，HTML还提供了许多标签来描述网页中的不同元素，例如：<br/><br/>- `<h1>` - `<h6>`：定义标题，h1为标题，h6为低级标题。<br/>- `<p>`：定义段落。<br/>- `<a>`：定义链接。<br/>- `<img>`：定义图像。<br/>- `<div>`：定义一个区块。<br/>- `<span>`：定义一个行内元素。<br/>- `<table>`：定义表格。<br/>- `<form>`：定义表单。<br/><br/>通过使用这些标签以及它们的属性，可以创建出丰富多样的网页内容。<br/><br/>除了HTML标签，还可以使用CSS样式来美化网页的外观和布局，以及使用JavaScript来实现交互和动态效果。<br/><br/>学习HTML可以通过阅读相关的教程、参考书籍，或者通过在线学习资源和视频教程来掌握。同时，不断实践和练习也是提高HTML技能的重要方法。</p><p><br/></p>
</div>
</div>
<!-- 校区安排 -->
<div class="kecheng-4" style="margin-top:0.5rem;">
<div class="row">
<span class="icon" style="position: relative;top:0.1rem;"></span>
<div style="width:100%;">
<a href="https://m.houxue.com/jn/xuexiao-13778-dizhi.html">
<div class="title">
<span>校区安排（1）</span>
<span class="arrow" style="position: absolute;right: 0;">
<img src="/asset/images/kecheng-detail/address-icon.png" alt="更多">
</span>
</div>
</a>
<div class="campus">
<div class="row" style="align-items: center;height:1.2rem;">
<img src="/asset/images/kecheng-detail/campus.png" alt="校区">
<div class="campus-name ellip">网安培训中心</div>
</div>
<div class="row" style="margin-top: 0.4rem;">
<img src="/asset/images/kecheng-detail/location.png" alt="地址">
<div class="address">济南市花园路与山大路交叉口</div>
</div>
</div>
</div>
</div>
</div>
<!-- 相关课程 -->
<div class="kecheng-5" style="margin-top:0.5rem;">
<div class="row" style="margin-bottom: 0.3rem;">
<span class="icon" style="position: relative;top: 0.1rem;"></span>
<div>
<div class="title">
<span>相关课程</span>
</div>
</div>
</div>
<div class="ui-refresh">
<div class="row-wrap data-list">
<div class="kecheng-item" style="margin-bottom:0.4rem;">
<a href="https://m.houxue.com/jn/kecheng-78242.html">
<img data-echo="https://img3.houxue.com/filestore/img/2023/09/19/m/4492.jpeg" alt="济南网页设计培训课程规划">
<div class="title ellip">济南网页设计培训课程规划</div>
<div style="color:#FF0000;font-weight: 400;">
￥询价
</div>
</a>
</div>
<div class="kecheng-item" style="margin-bottom:0.4rem;">
<a href="https://m.houxue.com/jn/kecheng-78244.html">
<img data-echo="https://img3.houxue.com/filestore/img/2023/09/19/m/4485.jpeg" alt="济南专业网络工程师培训学校">
<div class="title ellip">济南专业网络工程师培训学校</div>
<div style="color:#FF0000;font-weight: 400;">
￥询价
</div>
</a>
</div>
</div>
<a href="https://m.houxue.com/jn/xuexiao-13778-kecheng.html">
<div class="ui-refresh-down" style="height: 1.2rem;line-height: 1.2rem">
查看更多
</div>
</a>
</div>
</div>
<!-- 新闻 -->
<div class="kecheng-4" style="margin-top:0.5rem;">
<div class="row">
<span class="icon" style="position: relative;top: 0.1rem;"></span>
<div style="width: 100%;">
<a href="https://m.houxue.com/jn/xuexiao-13778-news.html">
<div class="title">
<span>新闻动态</span>
<span class="arrow" style="position: absolute;
right: 0;">
<img src="/asset/images/kecheng-detail/address-icon.png" alt="更多">
</span>
</div>
</a>
<div class="campus">
<a class="a_block" href="https://m.houxue.com/jn/news-5323710.html">
<div class="row" style="font-size: 0.7rem;">
<div class="news-name ellip">济南网安专业平面设计培训哪家强</div>
</div>
</a>
<a class="a_block" href="https://m.houxue.com/jn/news-5260191.html">
<div class="row" style="font-size: 0.7rem;">
<div class="news-name ellip">济南网站设计培训哪家比较好</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="kecheng-4" style="margin-top:0.5rem;">
<div class="row">
<span class="icon" style="position: relative;top: 0.1rem;"></span>
<div>
<div class="title">
<span>预约报名</span>
</div>
</div>
</div>
<div class="xuefei">
<form action="" class="fff" onsubmit=" return false;">
<i class="ipt-one"></i>
<span class="ipt-a"><input type="text" placeholder="目前什么基础" disabled="disabled" id="jichu"
style="opacity: 1;pointer-events: none;" class="ipt-a">
</span>
<i class="ipt-two"></i>
<span class="ipt-b"><input type="text" placeholder="想达到什么目标" disabled="disabled" id="mubiao"
style="opacity: 1;pointer-events: none;" class="ipt-b"></span>
<i class="ipt-three"></i>
<span class="ipt-c"><input type="text" placeholder="想学习多长时间" disabled="disabled" id="shijian"
style="opacity: 1;pointer-events: none;" class="ipt-c"></span>
<i class="ipt-four"></i>
<input type="text" name="phone" id="phone" placeholder="请输入您的手机号，方便接收报价信息" class="ipt-d">
<input type="hidden" name="name" id="name" value="预约报名" />
<input type="hidden" id="courseid" name="courseid" value="883572">
<input type="hidden" id="loginid" name="loginid" value="13778">
<input type="hidden" id="get_curl_url" name="get_curl_url" value="m.houxue.com%2Fjn%2Fkecheng-883572.html" />
<input type="hidden" id="clientip" name="clientip" value="3.16.82.194" />
<input type="hidden" id="token" name="token" value="b22c871e9b66b04461568e9ccb696d7e" />
<div style="display: flex;justify-content: space-between;">
<input type="text" placeholder="手机验证码" id="code" class="code" name="code" style="width: 8rem;">
<button class="baojia code-btn" name="code" id="code1"
style="background: #fff;width: 4rem;margin-top: 0.5rem;" onclick="sendCode()">发送验证码</button>
</div>
<a href="javascript:;" class="baojia" onclick="baoming_submit()">立即获取报价</a>
</form>
<div class="ipta-tc" style="display: none;">
<h3
style="text-align: center;border-bottom: 1px solid #efefef;height: 2rem; line-height: 2rem;font-size: 0.75rem;">
请选择目前的基础</h3>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">毫无基础</div>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">初窥门径</div>
<div style="border-bottom:0.2rem solid #efefef;display: block;font-size: 0.63rem;">融会贯通
</div>
<span style="display: block;text-align: center;line-height: 2.2rem;color:#000;font-size: 0.75rem;"
class="cancel">取消</span>
</div>
<div class="iptb-tc">
<h3
style="text-align: center;border-bottom: 1px solid #efefef;height: 2rem; line-height: 2rem;font-size: 0.75rem;">
请选择想要达成的目标</h3>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">基本掌握</div>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">熟练掌握</div>
<div style="border-bottom:0.2rem solid #efefef;display: block;font-size: 0.63rem;">完全掌握
</div>
<span
style="display: block;text-align: center;height: 2.2rem;line-height: 2.2rem;color:#000;font-size: 0.75rem;"
class="cancel">取消</span>
</div>
<div class="iptc-tc">
<h3
style="text-align: center;border-bottom: 1px solid #efefef;height: 2rem; line-height: 2rem;font-size: 0.75rem;">
请选择想要学习的时间</h3>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">一个月内</div>
<div style=" border-bottom: 1px solid #efefef;font-size: 0.63rem;">三个月内</div>
<div style="border-bottom:0.2rem solid #efefef;display: block;font-size: 0.63rem;">半年或一年
</div>
<span
style="display: block;text-align: center;height: 2.2rem;line-height: 2.2rem;color:#000;font-size: 0.75rem;"
class="cancel">取消</span>
</div>
</div>
<!-- 预约报名结束 --> </div>
</div>
<link rel="stylesheet" href="/asset/css/code.css?ver=5.13">
<div class="sliderModel">
<div class="cont" style="transform: scale(2);">
<div id="sliderRefresh">刷新</div>
<div class="code-title">图形验证</div>
<div id="sliderClose">关闭 </div>
<div class="imgWrap" id="imgWrap">
<img class="img" src="/asset/images/code1.jpeg" />
<div class="sliderOver" id="sliderOver"></div>
<div class="smartImg" id="smartImg">
<img class="simg" src="/asset/images/code1.jpeg" />
</div>
</div>
<div class="sliderBox">
<div class="sliderF" id="slider">
<div class="sliderS" id="sliderBtn">
<div class="btn">>></div>
</div>
</div>
<div class="bgC">
拖动左边滑块完成上方拼图
<div class="bgC_left" id="bgC_left"></div>
</div>
</div>
<div class="showMessage"></div>
</div>
</div></div>
</div>
<link rel="stylesheet" href="/asset/css/footer/footer-new.css">
<!-- 招生通 -->
<footer class="service-mask" onclick="serviceMask()">
<div class="service" onclick="event.stopPropagation();">
<div class="service-head">
<h3 class="service-title">课程顾问微信号</h3>
</div>
<div class="service-body">
<div class="">
<img src="/asset/images/weixin.jpg" alt="" style="width: 100px;height: 100px;">
</div>
<div class="service-head">
<span>扫码或复制微信加好友</span>
<h3>15601759001</h3>
</div>
<div class="service-bottom ">
<span>
点击灰色区域关闭弹窗
</span>
</div>
</div>
</div>
</footer>
<footer class="foot-btn02" type="3">
<a class="stylegd2 zxzx"
href="https://m.houxue.com/jn/kecheng-ruanjianzhitu576.html">精品课程</a>
<a class="zxzz2 zsrx"
href="https://m.houxue.com/jn/xuexiao-ruanjianzhitu576.html">热门学校</a>
<!-- <a class="zxzz2 zsrx" onclick="getSeatAndOpen(13778,883572);">培训咨询<span class="qipao">1</span></a>-->
<a class="yyst2 zsrx"
href="https://m.houxue.com/jn/kecheng-xueliwenping93.html">学历提升</a>
</footer>
<!--电话咨询弹窗开始-->
<div class="zixun-jump" style="display: none">
<b>请选择要拨打的联系方式</b>
<a href="tel:400-800-2181">400-800-2181</a>
<span>取消</span>
</div>
<!--电话咨询弹窗结束-->
<script>
function serviceMask() {
if ($('.service-mask').css('display') == 'none') {
$('.service-mask').show()
} else {
$('.service-mask').hide()
}
}
</script>
<script src="/asset/gmu/zepto.min.js?ver=5.13"></script>
<script src="/asset/gmu/gmu.min.js?ver=5.13"></script>
<script src="/asset/js/init_new.min.js?ver=5.13"></script>
<script src="/asset/js/index/swiper-3.4.2.jquery.min.js?ver=5.13"></script>
<script src="/asset/js/seat.min.js?ver=5.13"></script>
<script src="/asset/js/echo01.min.js?ver=5.13"></script>
<script src="/asset/js/base.js?ver=5.13"></script>
<script src="/asset/js/base-detail-new.js?ver=5.13"></script>
<script src="/asset/js/school_detail.js?ver=5.13"></script>
<script src="/asset/js/code.js?ver=5.13"></script>
<script>
Echo.init({
offset: 0,
throttle: 0
});
$(function () {
if ($('.head-pic-con .swiper-slide').length == 1) {
mySwiper = new Swiper('.swiper-container110', {});
$('.head-pic-con .swiper-pagination').hide();
} else {
mySwiper = new Swiper('.swiper-container110', {
loop: true,
autoplay: 3000,
autoplayDisableOnInteraction: false,
pagination: '.swiper-pagination'
});
}
});
</script>
<script src="https://s95.cnzz.com/z_stat.php?id=1255223473&web_id=1255223473"></script>
<script src="https://hxanalysis.houxue.com/analysis/store/createjs" language="JavaScript"></script>
<script type="text/javascript" async="async">
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?6895ebb6865d28fe69f8d27d14af6510";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
(function () {
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
} else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
var sqflag = false;
</script>
<script type="text/javascript" src="https://im.houxue.com/chat/otherstat/stat?siteid=12256&cityid=100126"></script>
<script src="/asset/js/schoolmorecourse.min.js?ver=5.13"></script>
<script src="/asset/js/screen-point.min.js?ver=5.13"></script>
<script async="async" src="/ajax/visitkecheng?id=883572"></script>
<script>
var param = {
schoolid: '13778',
categoryid: '0'
};
$(function () {
uiRefreshCourseDetail(param);
});
</script>
</body>
</html> 
400-800-2181
在线咨询
