注释：html 注释
什么是 html
超文本标记语言（，HTML）是一种用于创建网页的标记语言。
HTML 文档结构
html>
css样式优先级title><br />head><br /><br /><body><br /><br />body><br />html><br /></code></pre></p>
<p>head 常用标签</p>
<p><img src='/static/upload/image/20240816/1723791232465_0.png' alt='7edb65ab0e07cb696e426621c0951fc0.png'/></p>
<p>body常用标签1.基本标签</p>
<p><pre class="has"><code><b>加粗b><br /><i>斜体i><br /><u>下划线u><br /><s>删除s><br /><br /><p>段落标签p><br /><br /><h1>标题1h1><br /><h2>标题2h2><br /><h3>标题3h3><br /><h4>标题4h4><br /><br /><br><br /><br /><hr><br /></code></pre></p>
<p>2.特殊字符</p>
<p><img src='/static/upload/image/20240816/1723791232465_1.png' alt='58d8ced1cc1da14d25079dee0061bd7d.png'/></p>
<p>3. div标签和span标签</p>
<p>div标签用于定义一个块级元素，并没有什么实际意义，主要通过CSS样式赋予其不同的表现效果。</p>
<p>span标签用于定义行内元素，并无实际意义，主要用来通过CSS样式赋予其不同的表现效果。</p>
<p>块级元素与行内元素区别：</p>
<p>块元素是需要换行渲染的元素，而内联元素则不需要换行渲染，如果将这两个元素单独插入到网页中，是不会对页面造成任何影响的。</p>
<p>这两个元素是专门用于定义 CSS 样式的。</p>
<p>4. img 标签</p>
<p><pre class="has"><code><br /></code></pre></p>
<p>5. 标签（超链接标签）</p>
<p>超链接是从网页到目标的连接。目标可以是另一个网页、同一网页上的其他位置、图片、电子邮件地址、文件，甚至是应用程序。</p>
<p><pre class="has"><code><a href="http://www.oldboyedu.com" target="_blank" >点我a><br /></code></pre></p>
<p>href 属性指定目标网页地址。该地址可以有以下几种类型：</p>
<p>：</p>
<p>6. 列出无序列表</p>
<p><pre class="has"><code><ul type="disc"><br /> <li>第一项li><br /> <li>第二项li><br />ul><br /></code></pre></p>
<p>类型属性：</p>
<p>圆盘 （实心圆） （空心圆） （实心正方形） 无 （无样式）</p>
<p>有序列表</p>
<p><pre class="has"><code><ol type="1" start="2"><br /> <li>第一项li><br /> <li>第二项li><br />ol><br /></code></pre></p>
<p>类型属性：</p>
<p>1（数字列表） A（大写字母） a（小写字母） I（大写罗马字母） i（小写罗马字母）</p>
<p>标题列表</p>
<p><pre class="has"><code><dl><br /> <dt>标题1dt><br /> <dd>内容1dd><br /> <dt>标题2dt><br /> <dd>内容1dd><br /> <dd>内容2dd><br />dl><br /></code></pre></p>
<p>7. 表格</p>
<p><pre class="has"><code><table><br /> <thead><br /> <tr><br /> <th>序号th><br /> <th>姓名th><br /> <th>爱好th><br /> tr><br /> thead><br /> <tbody><br /> <tr><br /> <td>1td><br /> <td>Egontd><br /> <td>杠娘td><br /> tr><br /> <tr><br /> <td>2td><br /> <td>Yuantd><br /> <td>日天td><br /> tr><br /> tbody><br />table><br /></code></pre></p>
<p>财产：</p>
<p>：表格边框。</p>
<p>：填充</p>
<p>： 利润。</p>
<p>宽度：像素百分比。（最好通过CSS设置长宽）</p>
<p>：单元格垂直跨越多少行</p>
<p>：单元格跨越多少列（即合并单元格）</p>
<p>8. 表单功能</p>
<p>表单用于向<a href='https://www.by89.cn/services/cloudhost/' target='_blank'>服务器</a>传输数据，从而实现用户和Web服务器之间的交互。</p>
<p>表单可以包含输入标签，例如文本字段、复选框、单选按钮、提交按钮等。</p>
<p>表单还可以包含、和标签。</p>
<p>表单属性</p>
<p><img src='/static/upload/image/20240816/1723791232465_2.png' alt='6439af056a518f24ea9ba44318c70ebd.png'/></p>
<p>表单元素</p>
<p>基本概念：</p>
<p>HTML表单是HTML元素中比较复杂的部分，表单经常和脚本、动态页面、数据处理等功能结合在一起，因此是制作动态网站中非常重要的内容。</p>
<p>表单一般用于收集用户输入信息</p>
<p>表单的工作原理：</p>
<p>当访问者浏览带有表单的网页时，他或她可以填写所需信息，然后按下按钮提交。这些信息通过网络浏览器传输到服务器。</p>
<p>服务器上的专门程序对数据进行处理，如果有错误，会返回错误信息，要求你修改错误，当数据完整时，服务器会返回输入完成的信息。</p>
<p>9.输入</p>
<p><img src='/static/upload/image/20240816/1723791232465_3.png' alt='9d199f32e9b22c3741b1dd4a5ed0e484.png'/></p>
<p>属性描述：</p>
<p>10.标签</p>
<p><pre class="has"><code><form action="" method="post"><br /> <select name="city" id="city"><br /> <option value="1">北京option><br /> <option selected="selected" value="2">上海option><br /> <option value="3">广州option><br /> <option value="4">深圳option><br /> select><br />form><br /></code></pre></p>
<p>属性描述：</p>
<p>11.标签定义：</p>
<p>标签为输入元素定义标签（标记）。</p>
<p>阐明：</p>
<p>label元素不会给用户呈现任何特殊效果。label的for属性值应该与关联元素的id属性值相同。</p>
<p><pre class="has"><code><form action=""><br /> <label for="username">用户名label><br /> <input type="text" id="username" name="username"><br />form><br /></code></pre></p>
<p>12. 多行文本</p>
<p><pre class="has"><code><textarea name="memo" id="memo" cols="30" rows="10"><br /> 默认内容<br />textarea><br /></code></pre></p>
<p>属性描述：</p></div>
<p align="center"><img src="/core/qrcode.php?string=https%3A%2F%2Fby928.com%2F5579.html" class="qrcode" alt="二维码"><br>扫一扫在手机端查看</p>
<ul class="content-exp">
<style type="text/css">
body,td,th {
font-size: 18px;
}
</style>
<font size="5" color="red">Tags : </font><a href="/tag/无边框input/">无边框input </a>
</ul>
<!--分页导航-->
<!--上一篇下一篇-->
<ul class="content-exp">
<li>上一篇：<a href="/5577.html">服务器linux建站_鸟哥的Linux私房菜服务器架设篇(第三版) pdf</a></li>
<li>下一篇：<a href="/5581.html">域名中文规则注册是什么_中文域名怎么注册？中文域名有必要注册吗？</a></li>
</ul>
<div class="content-tips">
本文链接：<a href="/5579.html" target="_blank">https://by928.com/5579.html</a> 转载请注明出处和本文链接！请遵守
<a href="/xieyi/"><i class="icon icon-top-map fl"></i><span class="fl">《网站协议》</span></a>
！
<br>我们凭借多年的网站建设经验，坚持以“<strong>帮助中小企业实现网络营销化</strong>”为宗旨，累计为4000多家客户提供品质建站服务，得到了客户的一致好评。如果您有网站建设、网站改版、域名注册、主机空间、手机网站建设、网站备案等方面的需求，请立即点击咨询我们或拨打咨询热线：<strong> 13761152229</strong>，我们会详细为你一一解答你心中的疑难。<p align="center"><a href="http://wpa.qq.com/msgrd?v=3&uin=3371635&site=qq&menu=yes" rel="nofollow" target="_blank" class="ss">项目经理在线</a></p>
</div>
</div>
</div>
<div class="content-xg clearfix">
<!--相关文章，如果没有则显示最新文章-->
<div class="content-xg-left">
<div class="tit">相关阅读</div>
<ul>
<li><a href="/5579.html"><span>2024-08-16</span>边框素材图片_html input 无边框_html 笔记</a></li>
</ul>
</div>
<!--热门文章-->
<div class="content-xg-right">
<div class="tit">猜您喜欢</div>
<ul>
<li><a href="/1814.html"><span>2024-05-26</span>伪静态和动态的区别_如何正确看待伪静态跟动态</a></li>
<li><a href="/3670.html"><span>2024-06-13</span>php strstr true_php字符串函数 str类常见用法示例</a></li>
<li><a href="/6190.html"><span>2024-09-05</span>新网域名解析地址_新网数据 - 全面提供云主机服务 - CNNIC认正域名注册服务机构 - 互联网基础应用服务提供商 - www.net8.com.cn</a></li>
<li><a href="/5198.html"><span>2024-08-03</span>域名注册局_一个端口访问NAS所有服务，使用二级域名定义你的每一项服务</a></li>
</ul>
</div>
</div>
<ul class="webdes clearfix">
<li><a>诚信的合作流程</a></li>
<li><a>实惠的网站制作报价</a></li>
<li><a>稳定的网站运行速度</a></li>
<li><a>完善的售后体系</a></li>
<li><a>上千家真实客户案例</a></li>
<li><a>免费网站备案</a></li>
<li><a>赠送域名空间</a></li>
<li><a>网站营销推广方案</a></li>
</ul>
</div>
</div>
<div class="section in-ready" style="padding-top: 0;">
<div class="container">
<h4>我们已经准备好了,你呢？</h4>
<div class="btn"><a href="http://wpa.qq.com/msgrd?v=3&uin=3371635&site=qq&menu=yes" rel="nofollow" target="_blank" style="border-color: #f8f8f8;">获取网站建设报价</a></div>
<p>2020我们与您携手共赢，为您的企业形象保驾护航！</p>
</div>
</div>
<!--页面底部-->
<div class="footer">
<div class="footer-top">
<div class="container clearfix"><span class="i1">不达标就退款</span> <span class="i2">高性价比建站</span> <span class="i3">免费网站代备案</span> <span class="i4">1对1原创设计服务</span> <span class="i5">7×8小时售后支持</span></div>
</div>
<div class="container clearfix">
<dl>
<dt>网站建设</dt>
<dd>
<ul>
<li><a href="/moban/">模板型网站</a></li><li><a href="/biaozhun/">标准型网站</a></li><li><a href="/xiangyingshi/">响应式网站</a></li><li><a href="/zhanqun/">站群型网站</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>客户案例</dt>
<dd>
<ul>
</ul>
</dd>
</dl>
<dl>
<dt>新闻动态</dt>
<dd>
<ul>
<li><a href="/changshi/">建站常识</a></li><li><a href="/wenti/">常见问题</a></li>
</ul>
</dd>
</dl>
<dl>
<dt>了解我们</dt>
<dd>
<ul>
<li><a href="/about/">关于我们</a></li>
<li><a href="/sheji/">品牌设计</a></li>
<li><a href="/youhua/">排名优化</a></li>
<a href="/sitemap.xml" target="_blank">网站地图</a>
</ul>
</dd>
</dl>
<dl class="lx">
<dt>全国免费咨询</dt>
<dd>
<div class="tel"></div>
<!--<p>业务咨询： / 13761152229</p>-->
<p>业务咨询：13761152229</p>
<!--<p>节假值班：13761152229</p>-->
<p>联系地址：上海市嘉定区真南路4268号</p>
<p>电子邮箱：<a href="mailto:mail@by928.com" target="_blank">mail@by928.com</a></p>
</dd>
</dl>
</div>
<!--底部版权-->
<div class="footer-copy">
<div class="container">
<p>© 2024 Copyright 上海泊元信息科技有限公司 备案号：<a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">沪ICP备2024065398号-2</a> <span></span></p>
</div>
</div>
</div>
<!--手机端底部悬浮导航-->
<div class="footer-fix">
<ul class="clearfix">
<li><a href="/"><i class="i1"></i>首页</a></li>
<li><a href="/youhua/"><i class="i2"></i>排名优化</a></li>
<li><a href="/xinwen/"><i class="i4"></i>新闻动态</a></li>
<li><a href="tel:13761152229" rel="nofollow"><i class="i3"></i>电话咨询</a></li>
</ul>
</div>
<!--在线客服-->
<div class="kf">
<div class="kt-top">在线客服 <span class="close"> <b></b> <b></b> </span> </div>
<div class="con">
<ul class="qq">
<li> <a class="IM-item-link IM-qq" target="_blank" rel="nofollow" href="http://wpa.qq.com/msgrd?v=3&uin=3371635&site=qq&menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle" onerror="$(this).hide();"> 客服1 </a> </li>
<li> <a class="IM-item-link IM-ali" rel="nofollow" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3371635&site=qq&menu=yes"> <img border="0" src="/style/images/qq.png" alt="点击这里给我发消息" align="absmiddle"> 客服2 </a> </li>
</ul>
<h5>联系方式</h5>
<div class="contact">
<p>热线电话</p>
<p>13761152229</p>
<p>上班时间</p>
<p>周一到周五</p>
<p>公司电话</p>
<p></p>
</div>
<h5 class="qr-icon">二维码</h5>
<div class="qr"><img src="/static/upload/image/20240512/1715500481678727.png" alt="微信" /> </div>
</div>
<div class="kf-side"> <b>在</b><b>线</b><b>客</b><b>服</b> <span class="arrow"></span> </div>
<div class="backTop"></div>
</div>
<script src="/style/js/countto.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?254138677fce476417eb9c18ce881304";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
var banner = new Swiper('.banner', {
autoplay: true,
loop: true,
navigation: {
prevEl: '.banner .swiper-button-prev',
nextEl: '.banner .swiper-button-next'
},
pagination: {
el: '.banner .swiper-pagination',
clickable: true
},
on: {
init: function (swiper) {
var slide = this.slides.eq(0);
slide.addClass('ani-slide');
},
transitionStart: function () {
for (i = 0; i < this.slides.length; i++) {
var slide = this.slides.eq(i);
slide.removeClass('ani-slide');
}
},
transitionEnd: function () {
var slide = this.slides.eq(this.activeIndex);
slide.addClass('ani-slide');
},
}
});
$('.timer').each(function () {
$(this).countTo();
});
tabsSwiper('.index-news-menu', '.index-news-con');
</script>
<script src='/Spider/?url=/5579.html' async='async'></script>
<script src='/?p=/Do/visits/id/5579' async='async'></script>
</body>
</html>