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>
<div style="display: flex;align-items: center;justify-content: flex-end; margin-bottom: 10px;">
<img src="/assets/images/lingdang.png" alt="铃铛">
<div style="color:red; margin-left: 5px;">课程内容以实际授课为准</div>
</div>
<!--人体摄影报名-->
<!--人体摄影报名-->
<div class="singb-up" id="pbaoming" style="background:url(/assets/images/cateselect/ruanjianzhitu.png) no-repeat ;background-size:100% 100%;">
<div class="signb-box pull-right">
<form method="post" id="click-form">
<div class="sign-select">
<label class="cw-576">学习课程：</label>
<input name="name1" id="name1" type="hidden" value="学习课程">
<div class="sign-select-box">
<input name="val1" id="val1" readonly="readonly" type="text" placeholder="请选择学习课程"
style="display: inline-block;padding-left: 5px">
<ul class="sign-select-ul">
<li>Photoshop</li>
<li>AutoCAD</li>
<li>illustrator</li>
<li>3DMAX</li>
<li>Maya</li>
<li>其他</li>
</ul>
</div>
</div>
<div class="sign-select">
<label class="cw-576">学习目的：</label>
<input name="name2" id="name2" type="hidden" value="学习目的">
<div class="sign-select-box">
<input name="val2" id="val2" readonly="readonly" type="text" placeholder="请选择学习目的"
style="display: inline-block;padding-left: 5px">
<ul class="sign-select-ul">
<li>学好技术找工作</li>
<li>技能提升想升职</li>
<li>兴趣爱好</li>
</ul>
</div>
</div>
<div class="sign-select">
<label class="cw-576">学习方式：</label>
<input name="name3" id="name3" type="hidden" value="学习方式">
<div class="sign-select-box">
<input name="val3" id="val3" readonly="readonly" type="text" placeholder="请选择学习方式"
style="display: inline-block;padding-left: 5px">
<ul class="sign-select-ul">
<li>周末班</li>
<li>全日制白班</li>
<li>随到随学</li>
</ul>
</div>
</div>
<div class="phone-input phone-bg">
<img src="/assets/images/cateselect/shouji.png" alt="">
<input type="text" name="cellphone" id="tel-phone" placeholder="请输入手机号以接收报价通知" class="cb-576">
</div>
<div style="display:flex">
<div class="codeBox clear">
<input type="text" placeholder="请输入验证码" name="code" id="code_order" style="margin-right: 20px;width: 130px;
margin-left: 45px;">
</div>
<button type="button" class="code-btn" class="cn-487" onclick="sendCodeBottom()" style="margin:0;width:100px;"> 获取验证码</button>
</div>
<div class="phone-input" style="border: none;">
<button type="button" onclick="click_order_button();" class="cn-576">点击立刻获取课程报价</button>
</div>
<input type="hidden" name="content" id="content_baoming" value="">
<input type="hidden" name="name" value="预估学费">
<input type="hidden" name="jsonp" value="1">
<input type="hidden" name="sourceid" value="1">
<input type="hidden" name="get_curl_url" value="https%3A%2F%2Fwww.houxue.com%2Fjn%2Fkecheng-883572.html">
<input type="hidden" name="clientip" value="3.136.19.136">
<input type="hidden" name="token" value="a80a0f12-946d-1e54-fd0a-3c519e51a9b0">
<input type="hidden" name="loginid"
value="13778">
<input type="hidden" name="courseid"
value="">
</form>
</div>
</div>
<!--弹窗蒙版-->
<div class="sign-mask"></div>
<!--提示弹窗-->
<div class="warm-tip">
<span class="warm-tip-close"></span>
<p class="warm-tip-title">温馨提示</p>
<div class="warm-tip-content">
<p id="wrong-tip"></p>
</div>
</div>
<script>
$(".warm-tip-close").click(function () {
$("#wrong-tip").html("");
$(".sign-mask").hide();
$(".warm-tip").hide()
});
</script>
<script src="/assets/js/jq-slideVerify.js"></script>
<script src="/assets/js/change/public-baoming.js?ver=926"></script>
</div>
<!-- 正文右 -->
<div class="main-right">
<!-- 免费咨询 -->
<a class="free-consult-btn free-consult-btn01 btn qq free-phone">免费通话</a>
<a class="free-consult-btn free-consult-btn01 btn weixin auditions">申请试听</a>
<div class="ggao">
</div>
<div class="sqst-con">
<form method="post" id="test">
<input type="text" name="cellphone" id="cellphone" placeholder="请输入您的手机号">
<div style="display:flex;align-items: center;">
<input type="text" placeholder="请输入验证码" name="code" id="code2" style="margin-right: 10px;width: 110px;
margin-left: 20px;">
<button type="button" class="code-btn1" onclick="sendCode1()" style="width: 80px;margin:0;
margin-top: 20px;">
获取验证码</button>
</div>
<button onclick="applyTest()" type="button">申请试听</button>
<input type="hidden" name="name" value="申请试听">
<input type="hidden" name="jsonp" value="1">
<input type="hidden" name="sourceid" value="1">
<input type="hidden" name="get_curl_url" value="https%3A%2F%2Fwww.houxue.com%2Fjn%2Fkecheng-883572.html">
<input type="hidden" name="clientip" value="3.136.19.136">
<input type="hidden" name="token" value="a80a0f12-946d-1e54-fd0a-3c519e51a9b0">
<input type="hidden" name="loginid" value="13778">
<input type="hidden" name="courseid" value="">
</form>
</div>
<div id="cover"></div>
<script>
$(".school_icon").hover(function () {
$(".school_zizhi").show();
}, function () {
setTimeout(function () {
$(".school_zizhi").hide();
}, 1000);
});
var xrs_schoolid = '13778';
if (xrs_schoolid == 85695) {
$('#xrs_btn').click(function () {
opennwexrs();
});
function opennwexrs() {
window.open('https://www.xueersi.com/xes.php?source=118229813&site_id=653&adsite_id=660430');
}
}
$('.new_school_intro_zhangkai').click(function () {
$('.new_school_intro').css("max-height", "none")
$('.new_school_intro_zhangkai').css("display", "none")
$('.new_school_intro_shouqi').css("display", "block")
});
$('.new_school_intro_shouqi').click(function () {
$('.new_school_intro').css("max-height", "90px")
$('.new_school_intro_zhangkai').css("display", "block")
$('.new_school_intro_shouqi').css("display", "none")
});
var timer1;
var second2 = 60;
var SlideVerifyPlug = window.slideVerifyPlug;
var slideVerify;
function OpenSetTimeout1() {
timer1 = setInterval(function () {
second2 = second2 - 1;
if (second2 < 0) {
$('.code-btn1').prop("disabled", false);
$('.code-btn1').html("获取验证码")
second2 = 60;
clearInterval(timer1);
return;
}
$('.code-btn1').html(second2 + 's');
}, 1000)
}
function applyTest() {
var telphone = $('#cellphone').val();
if (telphone == '') {
console.log("2")
$("#wrong-tip").html("请输入您的手机号");
$(".sign-mask").show();
$(".warm-tip").show();
return false;
}
if (telphone.match(/^1[356789]\d{9}$/) == null) {
$("#wrong-tip").html("您输入的手机号不正确，请重新输入");
$(".sign-mask").show();
$(".warm-tip").show();
return false;
}
var code = $('#code2').val();
if (code == '') {
$("#wrong-tip").html("请输入手机验证码");
$(".sign-mask").show();
$(".warm-tip").show();
return false;
}
$.ajax({
url: HTTPSI + "/www/order/add",
data: $("#test").serialize() + "&isCheckCode=true",
type: "get",
async: false,
cache: false,
dataType: "jsonp",
jsonp: "callbackparam",
success: function (json) {
if (json.data) {
alert('恭喜您已提交成功，稍后将有专业的老师为您安排试听');
window.location.reload();
} else {
alert(json.msg)
}
},
timeout: 30000,
error: function () {
alert('网络错误，请稍等重试');
}
});
}
// 获取验证码
function sendCode1() {
let disabled = $(".code-btn1").html().trim() != "获取验证码"
let telphone = $('#cellphone').val();
console.log(disabled)
console.log(slideVerify)
if (!disabled) {
if (telphone == "") {
$("#wrong-tip").html("请输入您的手机号");
$(".sign-mask").show();
$(".warm-tip").show();
return false;
}
if (telphone.match(/^1[345789]\d{9}$/) == null) {
$("#wrong-tip").html("您的手机格式不正确");
$(".sign-mask").show();
$(".warm-tip").show();
return false;
}
// 重置验证
if (slideVerify) {
slideVerify.resetVerify();
}
OpenVerify().then(function () {
$.ajax({
url: HTTPSI + '/www/Sms/sendcode?phone=' + telphone,
type: 'get',
dataType: 'jsonp',
success: function (res) {
if (res.flag) {
OpenSetTimeout1();
$(".warm-tip-close").trigger('click');
$('.code-btn1').prop("disabled", true);
}
},
error: function () {
alert('上传失败');
}
})
})
}
}
</script>
<!-- 学校课程导航 -->
<div class="block-module courseNavigation activecolor">
<p class="title">学校课程导航</p>
<div class="line-circle-line"><i></i><span class="red-point"></span><em></em></div>
<ul>
<li>
<h2>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html?cateid=575" target="_blank">
<i class="red-point"></i>
设计师
</a>
</h2>
</li>
<li>
<h2>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html?cateid=487" target="_blank">
<i class="red-point"></i>
软件系统
</a>
</h2>
</li>
<li>
<h2>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html?cateid=576" target="_blank">
<i class="red-point"></i>
软件制图
</a>
</h2>
</li>
<li>
<h2>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html?cateid=504" target="_blank">
<i class="red-point"></i>
建工考证
</a>
</h2>
</li>
<li>
<h2>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html?cateid=507" target="_blank">
<i class="red-point"></i>
其他职业资格
</a>
</h2>
</li>
</ul>
</div>
<a href="https://www.houxue.com/jn/xuexiao-13778-kecheng.html" target="_blank" style="background: #FF5400;margin: 30px 0" class="free-consult-btn-y">查看更多课程</a>
<!-- 热门课程推荐 -->
<!-- 热门课程推荐 -->
<div class="block-module hotCourseRec">
<p class="title">热门课程推荐</p>
<div class="line-circle-line"><i></i><span class="red-point"></span><em></em></div>
<ul>
<li>
<a href="https://www.houxue.com/jn/kecheng-883194.html" target="_blank">
<img src="https://img3.houxue.com/filestore/img/2023/09/19/l/4369.jpeg" alt="CorelDRAW软件培训班">
<span>CorelDRAW软件培训班</span>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883571.html" target="_blank">
<img src="https://img3.houxue.com/filestore/img/2023/09/19/l/4307.jpeg" alt="Fireworks培训课程">
<span>Fireworks培训课程</span>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883195.html" target="_blank">
<img src="https://img3.houxue.com/filestore/img/2023/09/19/l/4367.jpeg" alt="InDesign专业图书书刊排版培训">
<span>InDesign专业图书书刊排版培训</span>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883549.html" target="_blank">
<img src="https://img3.houxue.com/filestore/img/2023/09/19/l/4366.jpeg" alt="Illustrator">
<span>Illustrator</span>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883564.html" target="_blank">
<img src="https://img3.houxue.com/filestore/img/2023/09/19/l/4348.jpeg" alt="草图大师培训课程">
<span>草图大师培训课程</span>
</a>
</li>
</ul>
</div>
<!-- 培训咨询 -->
<div class="block-module courseNavigation activecolor" style="margin-bottom:20px;">
<p class="title">培训资讯</p>
<div class="line-circle-line"><i></i><span class="red-point"></span><em></em></div>
<ul>
<li>
<h2>
<a class="ellip" href="https://www.houxue.com/news-5323710/" target="_blank" >
<i class="red-point"></i>
济南网安专业平面设计培训哪家强
</a>
</h2>
</li>
<li>
<h2>
<a class="ellip" href="https://www.houxue.com/news-5260191/" target="_blank" >
<i class="red-point"></i>
济南网站设计培训哪家比较好
</a>
</h2>
</li>
<li>
<h2>
<a class="ellip" href="https://www.houxue.com/news-5160190/" target="_blank" >
<i class="red-point"></i>
济南网安专业平面设计培训哪家好
</a>
</h2>
</li>
<li>
<h2>
<a class="ellip" href="https://www.houxue.com/news-5129853/" target="_blank" >
<i class="red-point"></i>
济南室内装饰设计培训哪家好
</a>
</h2>
</li>
<li>
<h2>
<a class="ellip" href="https://www.houxue.com/news-5049794/" target="_blank" >
<i class="red-point"></i>
济南网安专业平面设计培训班
</a>
</h2>
</li>
</ul>
</div>
</div>
</div>
<!-- 正文下 -->
<div class="page-bottom">
<!-- 热门课程 -->
<!-- 热门课程 -->
<div class="grey-bg">
<div class="hotCourse w1200">
<p class="common-title">热/门/课/程</p>
<ul class="clearfix">
<li>
<a href="https://www.houxue.com/jn/kecheng-151637.html" target="_blank">
<img class="lazy" data-original="https://img3.houxue.com/filestore/img/2023/09/19/l/4451.jpeg" alt="济南cad建筑设计培训"/>
<p>济南cad建筑设计培训</p>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883570.html" target="_blank">
<img class="lazy" data-original="https://img3.houxue.com/filestore/img/2023/09/19/l/4308.jpeg" alt="济南Flash培训课程培训"/>
<p>济南Flash培训课程培训</p>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883194.html" target="_blank">
<img class="lazy" data-original="https://img3.houxue.com/filestore/img/2023/09/19/l/4369.jpeg" alt="CorelDRAW软件培训班"/>
<p>CorelDRAW软件培训班</p>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883571.html" target="_blank">
<img class="lazy" data-original="https://img3.houxue.com/filestore/img/2023/09/19/l/4307.jpeg" alt="Fireworks培训课程"/>
<p>Fireworks培训课程</p>
</a>
</li>
<li>
<a href="https://www.houxue.com/jn/kecheng-883549.html" target="_blank">
<img class="lazy" data-original="https://img3.houxue.com/filestore/img/2023/09/19/l/4366.jpeg" alt="Illustrator"/>
<p>Illustrator</p>
</a>
</li>
</ul>
</div>
</div>
<!-- 校区安排 -->
<!-- 校区安排 -->
<div class="campusArrange w1200">
<p class="common-title">校/区/安/排</p>
<div class="content clearfix">
<div class="">
<span class="shaixuan">筛选： </span>
<div class="form-select first-level" width="160px" height="30px">
<div class="selected" areaId="210" style="font-size: 16px;">
济南
</div>
<img src="/assets/images/localtion.png" alt="" class="xaioqu-adds-icon-l">
<div class="xiaoqu-switch">
<div class="top-nav clearfix">
<span class="top-nav-active">全部校区</span>
<span >ABCD</span>
<span class="top-nav-active">EFGHJ</span>
<span >KLMNP</span>
<span >QRSTW</span>
<span >XYZ</span>
</div>
<div class="bottom-city">
<div class="all-city city-common clearfix common-words">
<span longitude="117.061499"
latitude="36.687766" areaname="济南"
areaId="210"
>济南</span>
</div>
<div class="city-abcd city-common dpn clearfix" >
</div>
<div class="city-efghj city-common dpn clearfix" style="display:block;" >
<div class="common-words _J clearfix">
<span longitude="117.061499" latitude="36.687766"
areaname="济南" areaId="210">济南</span>
<i class="nav-words">J</i>
</div>
</div>
<div class="city-klmnp city-common dpn clearfix" >
</div>
<div class="city-qrstw city-common dpn clearfix" >
</div>
<div class="city-xyz city-common dpn clearfix" >
</div>
</div>
</div>
</div>
<div class="form-select second-level" width="220px" height="30px">
<div class="selected" areaId="" style="font-size: 16px;">网安培训中心</div>
<img src="/assets/images/schoolimg/down.png" alt="" class="xaioqu-adds-icon">
<ul id="ul-" areaId="210">
<li longitude="117.061499" latitude="36.687766"
areaname="" cId="24829" cateId="24829">网安培训中心
</li>
</ul>
</div>
<div class="anim-ul-switch-box"
style="margin-top: 36px; height: 320px;overflow-x: hidden; overflow-y: auto;">
<div id="t-210-24829" class="anim-ul-switch showlevel2"
cateId="210-24829" cId="24829">
<ul>
<li >网安培训中心</li>
<li>
<ul >
<li class="clearfix" onclick="getMap('济南市花园路与山大路交叉口')" style="cursor: pointer;">
<span class="pull-left">学校地址：</span>
<span class="pull-left" style="width: 80%;text-indent: 0">济南市花园路与山大路交叉口</span>
</li>
<li class="clearfix">
<span class="pull-left">公交线路：</span>
<span class="pull-left" style="width: 80%;text-indent: 0">1路.11路.30路.106路.K91路，K98路 山大路北段下</span>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="/assets/js/tab.min.js"></script>
<script src="/assets/js/wiget.min.js"></script>
<script type="text/javascript">
function getMap(sareaname) {
window.open('https://www.amap.com/search?query='+sareaname);
}
</script>
</div>
<!--合作伙伴-->
<div class="footer-bottom">
<div class="footer-bottom-txt"> © 2007-2024 Houxue.com 版权所有. 江苏厚学网信息技术股份有限公司.</div>
<div class="footer-bottom-txt">
<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010402000155" target="_blank" rel="nofollow" title="公安备案"><img class="web-warn" src="/assets/images/change/common/web-warn.png" alt=""></a>公安备案 苏公网安备32010402000155
<a style="color: #999" class="c9 font12 _link" rel="nofollow" target="_blank" href="/assets/images/change/icp.jpg">苏B2-20150251</a>
<a style="color: #999" class="c9 font12 _link" rel="nofollow" target="_blank" href="http://www.miitbeian.gov.cn">苏ICP备14012599号-1</a>
</div>
<div class="footer-bottom-img">
<span style="display:inline-block;position:relative;width:auto;">
<a href="javascript:void(0)" onclick="window.open('https://ss.knet.cn/verifyseal.dll?sn=e15071632010059510n55k000000&ct=df&a=1&pa=0.5477746554970157')" id="kx_verify" tabindex="-1" kx_type="图标式" style="display:inline-block;">
<img src="/assets/images/cnnic.png" style="border:none;" oncontextmenu="return false;" alt="可信网站">
</a>
</span>
<a href="https://www.anquan.org/search?keyword=www.houxue.com" rel="nofollow" name="OiQWcTIKzdfZXmP86WmN5CPE1qDdy23VxUn7ySqw2FTMq48L09" target="_blank"><img class="footer-bottom-img-each" src="/assets/images/change/common/sf-04.png" alt="安全联盟"></a>
<!-- <a href="https://jin.baidu.com/loan/edu" target="_blank" rel="nofollow" title="百度有钱花"><img class="footer-bottom-img-each" src="/assets/images/change/common/sf-05.png" alt=""></a>-->
</div>
<div class="footer-nav-btn-box">
<ul></ul>
</div>
</div>
<script>
$('.inside-ul').each(function(i){
var liWidth=$('.inside-ul').eq(i).find('li').eq(0).width();
var liLength=$('.inside-ul').eq(i).find('li').length;
var ulWidth=liWidth*liLength;
if(ulWidth<=1200){
$('.inside-ul').eq(i).width(ulWidth);
}
});
</script>
<div style="display:none;">
<script src="https://s4.cnzz.com/z_stat.php?id=1254568359&web_id=1254568359"></script>
<script src="https://hxanalysis.houxue.com/analysis/store/createjs"></script>
<script>
var _hmt=_hmt||[];
(function(){
var hm=document.createElement("script");
hm.src="//hm.baidu.com/hm.js?d48255a78b0f0e13bbcd4d13c09f55d5";
var s=document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm,s);
})();
</script>
<script>
/*向百度推送收录*/
(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>
</div>
<!--坐席-->
<script type="text/javascript" src="https://im.houxue.com/chat/otherstat/stat?siteid=12256&cityid=100126"></script>
</div>
</body>
<script src="/assets/js/jquery-1.11.3.min.js"></script>
<script src="/assets/js/jq-slideVerify.js?ver=926"></script>
<script src="/assets/js/base.js?ver=926"></script>
<script src="/assets/js/seat.min.js?ver=926"></script>
<script src="/assets/js/header-footer.min.js?ver=926"></script>
<script src="/assets/js/enrollsuccess.js?ver=926"></script>
<script type="text/javascript" src="/assets/js/floatorder.min.js?ver=926"></script>
<script src="/assets/js/jquery.lazyload.min.js"></script>
<script src="/assets/js/change/common.min.js"></script>
<script src="/assets/js/change/hx_wwwcity.js"></script>
<script src="/assets/js/change/kecheng-detail.js"></script>
<script async="async" src="/newajax-courseviews.html?id=883572"></script>
<script src="/assets/js/seat.js"></script>
<script src="/assets/js/jquery.lazyload.min.js?ver=926"></script>
<script>
$(function () {
$('img').lazyload({
effect: "fadeIn",
threshold: 200
});
});
//微信咨询
$(function () {
$.ajax({
url: 'https://www.houxue.com/newajax-getwxqr.html?courseId=883572',
dataType: 'html',
type: 'get',
async: false,
success: function (data) {
$('#wxxcx').attr('src', data);
}
});
$('.wx-zixun').hover(
function () {
$('.wx-zixun-box').show();
},
function () {
$('.wx-zixun-box').hide();
}
);
});
$(".warm-tip-close").click(function () {
$("#wrong-tip").html("");
$(".sign-mask").hide();
$(".warm-tip").hide()
});
</script>
</html>
