在web网页制作中，html标记语言作为网站或者网页的基本语言，对于很多初学者来说，分类较多，概念较多，因此，针对郑州网站制作中，常用的html代码，全栈网络进行了归纳总结，想学习或者了解网页制作的同学可以了解下
一.html文档标记语言结构代码
： 声明该网页文档是html文档；
：html文档头部，用于存放网页的一些说明性代码，如网页标题，网页描述，网页是否支持缩放，设置网页作者等 ；
：</span><span style="font-size: 16px;">声明该网页的标题；</span><br />
<span style="font-size:16px;"><DESCRIPTION>：声明当前网页的描述；</span><br />
<span style="font-size: 16px;"><META> ：代码网页结构声明代码； </span><br style="font-size: 16px;" />
<span style="font-size: 16px;"><LINK> ：代表部分外部引入文件，如css样式文件等； </span><br />
<span style="font-size:16px;"><SCRIPT>:代表网站制作中特效相关javascript代码引入及地址；<br />
<BODY> ：网页主体代码结构部分，用于存放网页的整个结构内容；<br />
<strong> <br />
二.网站结构排版代码语言</strong></span><br />
<span style="font-size: 16px;"><H1>~ </span><span style="font-size: 16px;"><H6>：h系列代码作为网站的标题代码，通常h1标题代码</span><span style="font-size: 16px;">字体最大，级数越小字越小，同时默认都是粗体字 </span></div>
<div>
<span style="font-size:16px;"><P> ： 段落标记语言； <br />
<BR> ：换行html代码语言，表示换行； <br />
<HR>：水平分割线html代码语言； <br />
<DIV> ：元素块html代码标记，表示某一个版块，在常见的网站制作中使用最为广泛；<br />
</span><span style="font-size: 16px;"><IMG>：表示图片标记语言，为单标签，包含图片大小，地址，说明等； </span><br style="font-size: 16px;" />
<span style="font-size: 16px;"><A>：表示网页链接标记，一般搭配调转地址； </span><br style="font-size: 16px;" />
<span style="font-size: 16px;"><FRAME>：表示网页中独立区域代码，如窗口等； </span><br />
<br />
<span style="font-size:16px;"><strong>三.字体代码语言</strong><br />
<STRONG>：加粗字体代码，同时对内容进行强调； <br />
<B>：加粗字体嗲吗，同样表示强调；<br />
<SPAN>：文字包含代码，无意义，多用于对部分字体进行调整时使用；<br />
<br />
<strong>四.列表标记语言</strong><br />
<OL>：表示有序列表标记语言，是作为一个列表结构的起始代码，同时内容区域将以数字、字母顺序排列；<br />
<UL>： 表示无序列表标记语言，无序列表通常用圆点表示列表的排列，常用在网站制作中一些无序的内容列表；<br />
<LI>：与ol及ul搭配使用，一对li代码包含一项列表内容； <br />
<DL>：表示有标题的自定义列表，包含标题代码及内容列表代码，比如学科下包含数学，语文等，这部分内容共同构成了dl列表；<br />
<DT> ：作为自定义列表的标题包含代码；<br />
<DD> ：作为自定义列表的内容区域html代码； <br />
<br />
<strong>五.表格html代码</strong><br />
<TABLE>：表示当前区域为表格区域，为表格标记语言；<br />
<TR>：表示表格的一行，内部包含多个表格元素； <br />
<TD> ：表示表格中每个单元格； <br />
<TH>：表示表格当前列标题，同时当前单元格内容会被加粗； <br />
<br />
<strong>六.表单html标记语言</strong><br />
<FORM>：表示当前区域为表单结构内容，声明表格开始；<br />
<TEXTAREA>：表示多行内容输入框，如内容输入区域；<br />
<INPUT>：表示单个输入框html代码，同时决定当前输入框格式； <br />
<SELECT>：表示下拉菜单html代码； <br />
<RADIO>：表示单选框；</span><br />
<span style="font-size: 16px;"><CHENKBOX>：表示多选框；</span><br />
<br />
<span style="font-size:16px;">在郑州网站制作中，网页代码非常多，但常用的只要大家掌握熟练，对网页制作学习非常有帮助，除了以上这些代码之后，我们要学习的还有标签的写法，标签的具体属性等，全栈网络专业从事郑州网站制作，网页制作培训等，欢迎大家随时咨询。</span></div>
</div>
<div class="w">未经允许不得转载：郑州网站建设|郑州网站制作|荥阳网站建设|巩义网站建设|网站优化-全栈网络</div>
</div>
<div class="shadow-sm p-3 my-5 bg-white rounded comment-area">
<h4 class="mb-3">发表评论：</h4>
<form class="mb-4" onsubmit="return submitcomment(this);" data-action="/comment/add/?contentid=261">
<div class="form-group mb-3">
<textarea name="comment" id="comment" class="form-control" placeholder="请输入评论内容" rows="3"></textarea>
</div>
<div class="form-group mb-3">
<div class="form-row align-items-center">
<div class="col-4 col-md-3 mb-2 mb-md-0">
<input type="text" name="checkcode" required id="checkcode" class="form-control form-control-sm" placeholder="验证码">
</div>
<div class="col-4 col-md-3 mb-2 mb-md-0">
<img title="点击刷新" class="codeimg" style="height:33px; cursor: pointer;" src="/core/code.php" onclick="this.src='/core/code.php?'+Math.round(Math.random()*10);">
</div>
<div class="col-4 col-md-3">
<button type="submit" class="btn btn-info btn-sm w-100">提交评论</button>
</div>
</div>
</div>
</form>
<h4 class="mb-3">评论记录：</h4>
<a name="comment"></a>
<div class="text-center my-5 text-secondary">未查询到任何数据！</div>
</div>
<!-- 评论回复弹框 -->
<div class="fanhui">
<ul class="clearfix">
<li>
<div class="bt pagelist">上一篇：<a href="http://037171.cn/jsnews/251.html">什么是web前端工程师？与网页制作有什么区别？</a></div>
</li>
<li>
<div class="bt pagelist">下一篇：<a href="http://037171.cn/jsnews/283.html">郑州网站制作中如何用纯css实现列表瀑布流布局？</a></div>
</li>
</ul>
</div><br>
</div>
</div>
<div class="right">
<div class="wzfl g-wzfx-2">
<h3>文章分类</h3>
<ol class="fix">
<li> <a href="http://037171.cn/jsnews/">
<h2 style="text-indent:1em;font-size:21px;">网站代码</h2>
</a> </li>
<li> <a href="http://037171.cn/yhnews/">
<h2 style="text-indent:1em;font-size:21px;">网站优化</h2>
</a> </li>
<li> <a href="http://037171.cn/sjnews/">
<h2 style="text-indent:1em;font-size:21px;">网站制作</h2>
</a> </li>
<li> <a href="http://037171.cn/xznews/">
<h2 style="text-indent:1em;font-size:21px;">客户解答</h2>
</a> </li>
</ol>
</div>
<div class="wzfl g-wzfx-2">
<h3>热门点击文章</h3>
<ol class="fix">
<li> <a href="http://037171.cn/jsnews/94.html">
<div class="img"><img src="/uploads/180104/1-1P10402041AT.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>javascript对DOM对象的操作方法总结</h4>
<p>点击数：<span class="red">352</span></p>
</div>
</a> </li>
<li> <a href="http://037171.cn/jsnews/434.html">
<div class="img"><img src="/ueditor/php/upload/image/20200625/1593062894521164.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>MySQL数据库联表查询及联表删除的SQL语句怎么写？</h4>
<p>点击数：<span class="red">351</span></p>
</div>
</a> </li>
<li> <a href="http://037171.cn/jsnews/475.html">
<div class="img"><img src="/uploads/allimg/210523/1-2105231240270-L.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>巩义网站制作中织梦文章页图片相对路径变绝对路径方法</h4>
<p>点击数：<span class="red">349</span></p>
</div>
</a> </li>
<li> <a href="http://037171.cn/jsnews/446.html">
<div class="img"><img src="/uploads/allimg/190406/1-1Z406001332553.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>织梦后台上传MP4格式视频后，在文件管理器里看不到?</h4>
<p>点击数：<span class="red">342</span></p>
</div>
</a> </li>
<li> <a href="http://037171.cn/jsnews/285.html">
<div class="img"><img src="/uploads/allimg/181012/1-1Q012005011494.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>什么是npm?什么是webpack?什么是vue-cli脚手架？</h4>
<p>点击数：<span class="red">341</span></p>
</div>
</a> </li>
<li> <a href="http://037171.cn/jsnews/458.html">
<div class="img"><img src="/uploads/180125/1-1P12520163VD.jpg" alt="网站制作网站优化知识" /></div>
<div class="text">
<h4>在巩义网站建设中织梦根据文章关键词keyword动态调用相关文章</h4>
<p>点击数：<span class="red">340</span></p>
</div>
</a> </li>
</ol>
</div>
<div class="wzfl g-wzfx-3">
<h3>热门标签</h3>
<div class="fix" id="tagsContainer">
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E4%BC%98%E5%8C%96' >网站优化</a>
<a href='/news/?tag=MySQL' >MySQL</a>
<a href='/news/?tag=sql' >sql</a>
<a href='/news/?tag=%E6%95%B0%E6%8D%AE%E5%BA%93' >数据库</a>
<a href='/news/?tag=%E8%81%94%E8%A1%A8%E6%9F%A5%E8%AF%A2' >联表查询</a>
<a href='/news/?tag=%E5%B7%A9%E4%B9%89%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C' >巩义网站制作</a>
<a href='/news/?tag=%E7%BB%87%E6%A2%A6' >织梦</a>
<a href='/news/?tag=%E7%BB%87%E6%A2%A6%E6%96%87%E7%AB%A0%E5%9B%BE%E7%89%87' >织梦文章图片</a>
<a href='/news/?tag=%E7%99%BE%E5%BA%A6%E7%AE%97%E6%B3%95' >百度算法</a>
<a href='/news/?tag=nginx' >nginx</a>
<a href='/news/?tag=%E7%BB%87%E6%A2%A6%E5%90%8E%E5%8F%B0' >织梦后台</a>
<a href='/news/?tag=MP4' >MP4</a>
<a href='/news/?tag=%E7%BD%91%E7%BB%9C%E8%90%A5%E9%94%80' >网络营销</a>
<a href='/news/?tag=npm' >npm</a>
<a href='/news/?tag=vue' >vue</a>
<a href='/news/?tag=vue-li' >vue-li</a>
<a href='/news/?tag=webpack' >webpack</a>
<a href='/news/?tag=keywords' >keywords</a>
<a href='/news/?tag=%E5%B7%A9%E4%B9%89%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE' >巩义网站建设</a>
<a href='/news/?tag=%E7%86%8A%E6%8E%8C%E5%8F%B7' >熊掌号</a>
<a href='/news/?tag=%E5%8D%95%E9%A1%B5%E7%BD%91%E7%AB%99' >单页网站</a>
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E5%BB%BA%E8%AE%BE' >网站建设</a>
<a href='/news/?tag=%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C' >用户体验</a>
<a href='/news/?tag=%E6%90%9C%E7%B4%A2%E6%A1%86' >搜索框</a>
<a href='/news/?tag=cmd' >cmd</a>
<a href='/news/?tag=%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B' >数据类型</a>
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E5%A4%87%E6%A1%88' >网站备案</a>
<a href='/news/?tag=php' >php</a>
<a href='/news/?tag=%E7%BD%91%E9%A1%B5%E6%A0%87%E7%AD%BE' >网页标签</a>
<a href='/news/?tag=h5%E9%A1%B5%E9%9D%A2' >h5页面</a>
<a href='/news/?tag=vue%E5%BC%B9%E7%AA%97' >vue弹窗</a>
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E9%AA%8C%E8%AF%81%E7%A0%81' >网站验证码</a>
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E9%80%9F%E5%BA%A6' >网站速度</a>
<a href='/news/?tag=tag%E6%A0%87%E7%AD%BE' >tag标签</a>
<a href='/news/?tag=%E9%94%9A%E6%96%87%E6%9C%AC' >锚文本</a>
<a href='/news/?tag=%E5%9F%9F%E5%90%8D%E7%AE%A1%E7%90%86' >域名管理</a>
<a href='/news/?tag=%E7%BD%91%E7%AB%99%E5%88%B6%E4%BD%9C' >网站制作</a>
<a href='/news/?tag=api' >api</a>
<a href='/news/?tag=Restful' >Restful</a>
<a href='/news/?tag=%E8%90%A5%E9%94%80%E5%9E%8B%E7%BD%91%E7%AB%99' >营销型网站</a>
<a href='/news/?tag=scroll-view' >scroll-view</a>
<a href='/news/?tag=%E4%BC%AA%E5%8E%9F%E5%88%9B' >伪原创</a>
<a href='/news/?tag=%E5%B0%8F%E7%A8%8B%E5%BA%8F' >小程序</a>
<a href='/news/?tag=%E5%AD%A3%E9%A3%8E%E7%AE%97%E6%B3%95' >季风算法</a>
<a href='/news/?tag=%E5%85%B3%E9%94%AE%E8%AF%8D' >关键词</a>
<a href='/news/?tag=%E5%86%85%E9%A1%B5%E4%BC%98%E5%8C%96' >内页优化</a>
<a href='/news/?tag=%E6%90%9C%E7%B4%A2%E6%A8%A1%E7%89%88' >搜索模版</a>
<a href='/news/?tag=%E7%94%B5%E5%AD%90%E5%95%86%E5%8A%A1%E7%BD%91%E7%AB%99' >电子商务网站</a>
<a href='/news/?tag=logo' >logo</a>
<a href='/news/?tag=%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88' >前端工程师</a>
</div>
<script>
// 页面加载后执行
document.addEventListener('DOMContentLoaded', function() {
// 获取所有标签元素
const tags = document.querySelectorAll('#tagsContainer a');
// 定义可用的类名
const classNames = ['tag1', 'tag2', 'tag3', 'tag4', 'tag5', 'tag6'];
// 为每个标签添加随机类名
tags.forEach(tag => {
const randomIndex = Math.floor(Math.random() * classNames.length);
tag.classList.add(classNames[randomIndex]);
});
});
</script>
</div>
</div>
</div>
</div>
</div>
<div id="fd" class="index-fd pr">
<div class="map-bg3"></div>
<div class="wp">
<div class="fd-top">
<dl>
<dt>网站服务项目</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://037171.cn/wzjs" title="网站建设">网站建设</a></li>
<li><a href="http://037171.cn/seo" title="网站制作优化培训">建站优化培训</a></li>
<li><a href="http://037171.cn/about" title="网站排名优化">网站排名优化</a></li>
<li><a href="http://037171.cn/wzjs" title="网站系统服务">网站系统服务</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>网站制作类型</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://037171.cn/wzjs/" title="模版型网站制作">模版网站制作</a></li>
<li><a href="http://037171.cn/wzjs/" title="响应式网站制作">响应式网站制作</a></li>
<li><a href="http://037171.cn/wzjs/" title="营销型网站建设">营销型网站建设</a></li>
<li><a href="http://037171.cn/wzjs/" title="高端定制网站建设">高端定制网站</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>网站案例</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://037171.cn/mbcase/">模版网站</a></li>
<li><a href="http://037171.cn/dbcase/">定制网站</a></li>
<li><a href="http://037171.cn/taobao/">淘宝装修</a></li>
<li><a href="http://037171.cn/action/">活动宣传页</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>服务项目</dt>
<dd>
<ul class="ul-fd">
<li><a href="http://037171.cn/wzjs/">网站建设</a></li>
<li><a href="http://037171.cn/seo/">课程培训</a></li>
<li><a href="http://037171.cn/about/">关键词优化</a></li>
<li><a href="http://037171.cn/case/">建站案例</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>联系我们</dt>
<dd class="pr">
<h5>邮箱：</h5>
<p><b class="tel">baby2192@qq.com</b></p>
<h5>公司服务电话：</h5>
<p><b class="tel"><a href="tel:18624910209" rel="nofollow">18624910209</a></b><span class="bddh">（点击可直接拨打）</span></p>
</dd>
</dl>
</div>
</div>
<div class="wp">
<div class="copyBox">
<div>
Copyright ? 2017-2020 版权所有：<a href="http://037171.cn/" title="郑州网站制作中网页常用html代码总结_巩义网站建设|巩义网站制作|巩义做网站_巩义全栈网络">全栈网络工作室</a>
备案号：<a href="https://beian.miit.gov.cn/" rel="nofollow" title="网站备案号" target="_blank">豫ICP备2023004016号</a>
<a href="http://037171.cn/sitemap.html" id="map" target="_blank">HTML网站地图</a>
</div>
<div>
郑州网站制作|郑州做网站|巩义网站制作|荥阳做网站|巩义做网站-全栈网络
</div>
</div>
</div>
</div>
<div class="yb_conct">
<div class="yb_bar">
<ul>
<li class="yb_top">返回顶部</li>
<li class="yb_phone">18624910209</li>
<li class="yb_QQ"><a target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=1030652192&site=qq&menu=yes" title="立即咨询网站制作">在线咨询</a></li>
<li class="yb_ercode">微信二维码 <br>
<img class="hd_qr" src="/images/weixin.jpg" alt="巩义做网站微信二维码"> </li>
</ul>
</div>
</div>
<script src="/style/jquery.js"></script>
<script src="/style/flexslider.js"></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>
<script>
$(function() {
// 悬浮窗口
$(".yb_conct").hover(function() {
$(".yb_conct").css("right", "5px");
$(".yb_bar .yb_ercode").css('height', '200px');
}, function() {
$(".yb_conct").css("right", "-127px");
$(".yb_bar .yb_ercode").css('height', '53px');
});
// 返回顶部
$(".yb_top").click(function() {
$("html,body").animate({
'scrollTop': '0px'
}, 300)
});
});
</script>
<!-- 统计代码 -->
<script>
$(function(){
$(".hamburger").click(function(){
$(".sjNav").slideToggle(300);
})
})
</script>
<script>
//评论回复弹框
$('.replybtn').on("click", function() {
var url = $(this).data("action");
$("#reply").show();
$("#replyform").data("action", url);
});
//提交评论
function submitcomment(obj) {
var url = $(obj).data("action");
var comment = $(obj).find("#comment").val();
var checkcode = $(obj).find("#checkcode").val();
$.ajax({
type: 'POST',
url: url,
dataType: 'json',
data: {
comment: comment,
checkcode: checkcode
},
success: function(response, status) {
if (response.code) {
alert(response.data);
$(obj)[0].reset();
$(".modal").modal("hide");
window.location.reload()
} else {
if (response.tourl != "") {
if (confirm(response.data + '是否立即跳转登录？')) {
location.href = response.tourl;
}
}
$('.codeimg').click(); //更新验证码
}
},
error: function(xhr, status, error) {
alert('返回数据异常！');
}
});
return false;
}
</script>
{/pboot:if}
<script>
cambrian.render('tail')
</script>
</body>
</html>
