HTML（HyperText Markup
创新互联成立与2013年，先为常宁等服务建站，常宁等地企业，进行企业商务咨询服务。为常宁企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
Language，超文本标记语言）是用于创建网页的标准标记语言，它可以用来结构化信息，比如标题、段落、列表等，并且可以嵌入图像、链接其他页面等等，HTML
代码由一系列标签组成，这些标签描述了网页的结构和内容，下面将详细介绍如何写 HTML 代码。
1. HTML 文档的基本结构
一个基本的 HTML 文档包含三个主要部分：
Page Title
My First Heading
My first paragraph.
</code> 标签中），以及任何外部资源（如 CSS 样式表或 JavaScript 脚本）。</p><p><code><body></code>: 这个标签包含了所有的网页内容，比如文字、图片、链接等等。</p><p>2. HTML 标签和属性</p><p>HTML 标签是由尖括号包围的关键词，<code><p></code>、<code><h1></code>等，标签通常是成对出现的，有一个开始标签和一个结束标签，<code><p></code> 和 <code></p></code>，开始标签告诉浏览器这是一个新的元素，结束标签告诉浏览器这个元素在这里结束，有些标签是没有结束标签的，<code><br></code>。</p><p>HTML 标签可以有一些属性，这些属性提供了关于元素的更多信息，属性的值应该被放在开始标签的引号内。<code><a href="https://www.example.com">Link text</a></code> 中的 <code>href</code> 是一个属性，它的值是 "https://www.example.com"。</p><p>3. HTML 文本格式化</p><p>HTML 提供了一些基本的文本格式化标签，包括：</p><p><code><h1></code> 到 <code><h6></code>: 用于定义标题，<code><h1></code> 是最大的标题，<code><h6></code> 是最小的标题。</p><p><code><p></code>: 用于定义段落。</p><p><code><strong></code>: 用于定义强调文本。</p><p><code><em></code>: 用于定义斜体文本。</p><p><code><del></code>: 用于定义删除的文本。</p><p><code><ins></code>: 用于定义插入的文本。</p><p><code><sub></code>: 用于定义下标文本。</p><p><code><sup></code>: 用于定义上标文本。</p><pre class="brush:html;toolbar:false">
<h1>My First Heading</h1>
<p>My first paragraph.</p>
<strong>This is strong.</strong>
<em>This is italic.</em>
</pre><p>4. HTML 列表</p><p>HTML 提供了两种类型的列表：无序列表（用圆点表示）和有序列表（用数字表示），无序列表使用 <code><ul></code>（unordered list）标签，有序列表使用 <code><ol></code>（ordered list）标签，每个列表项使用 <code><li></code>（list item）标签。</p><pre class="brush:html;toolbar:false">
<h2>My Favourite Fruits</h2>
<ul>
<li>Apples</li>
<li>Bananas</li>
<li>Oranges</li>
</ul>
</pre><p>5. HTML 链接和图像</p><p>HTML 可以使用 <code><a></code>（anchor）标签来创建链接，使用 <code>src</code> 属性指定链接的目标地址。 <code><a href="https://www.example.com">Visit Example.com</a></code>，可以使用 <code><img></code>（image）标签来插入图像，使用 <code>src</code>、<code>alt</code>、和 <code>width/height</code> 属性来指定图像的来源、替代文本和尺寸。 <code><img src="image.jpg" alt="A description of the image"></code>。</p> <br>
本文标题：如何写html代码 <br>
当前链接：<a href="http://www.ytofo.com/article/dhdepjp.html">http://www.ytofo.com/article/dhdepjp.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dsgegso.html">在jquery中$,在jquery中addClass可以增加多个</a>
</li><li>
<a href="/article/dsgeihi.html">hr系统源代码java,HR管理系统</a>
</li><li>
<a href="/article/dsgegdi.html">bpm系统实施培训的简单介绍</a>
</li><li>
<a href="/article/dsgeijp.html">css如何清除内联样式,css怎么清除样式</a>
</li><li>
<a href="/article/dsgegio.html">flutter对象检测,flutter 类方法</a>
</li> </ul>
</div>
</div>
<footer>
<div class="message">
<div class="mess container">
<p>免费获取网站设计制作与品牌网站建设策划方案报价</p>
<span>网站设计 + 品牌建站，策划方案 + 精准报价，现在免费领！品牌要升级，官网先发力！免费领取网站设计制作方案 + 精准报价，专业团队帮你落地</span>
<form action="">
<input type="text" class="ipt1" placeholder="联系人">
<input type="text" class="ipt2" placeholder="联系电话">
<textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"></textarea>
<a href="">提交需求</a>
</form>
</div>
</div>
<div class="footA">
<div class="footAs container">
<ul>
<h3>联系我们</h3>
<b>18980820575</b>
<li>手机：13518219792</li>
<li>地址：湖北孝感市大悟城关镇鄂北物流城13栋125号</li>
<li class="hr1"></li>
<li>24小时服务热线：18982081108</li>
</ul>
<ul>
<h3>网站建设服务</h3>
<li>网页设计</li>
<li>网站制作</li>
<li>网站开发</li>
</ul>
<ul>
<h3>网站推广服务</h3>
<li>营销网站建设</li>
<li>百度快速排名</li>
<li>整站网站推广</li>
</ul>
<ul>
<h3>网站运维服务</h3>
<li>基础维护</li>
<li>网站改版</li>
<li>网站维护</li>
</ul>
<ul>
<h3>FOLLOW US</h3>
<li class="hr2"></li>
<li>
<dd class="fl"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
<dd class="fr"><img src="/Public/Home/img/ewm.png" alt=""><p>微信二维码</p></dd>
</li>
</ul>
</div>
<div class="link container">
友情链接：
<a href="http://www.mkoyf.com/" title="户外人物雕塑" target="_blank">户外人物雕塑</a> <a href="http://www.scwlttbz.com/" title="成都展台设计" target="_blank">成都展台设计</a> <a href="http://www.qyqgszc.com/" title="青羊区公司注册" target="_blank">青羊区公司注册</a> <a href="http://www.kmnou.com/" title="昆明场景化眼镜" target="_blank">昆明场景化眼镜</a> <a href="http://www.gyfdjwx.com/" title="gyfdjwx.com" target="_blank">gyfdjwx.com</a> <a href="http://www.mvmgj.com/" title="昆明宠物食品" target="_blank">昆明宠物食品</a> <a href="http://www.wcbvn.com/" title="昆明柴油发电机组" target="_blank">昆明柴油发电机组</a> <a href="http://www.nkitwt.com/" title="昆明办公家具销售" target="_blank">昆明办公家具销售</a> <a href="http://www.bmzbp.com/" title="抗菌菜板" target="_blank">抗菌菜板</a> <a href="http://www.cdhuace.com/biaoshi.html" title="成都标识标牌设计制作" target="_blank">成都标识标牌设计制作</a> </div>
</div>
<div class="footB">
<div class="container">
<div class="fl">
Copyright © 2025 湖北孝感网站建设公司 湖北孝感网站建设公司-选我们！湖北专业的孝感网站制作公司！
</div>
<div class="fr">
All Rights Reserved 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">鄂ICP备2025125038号-8</a>
</div>
</div>
</div>
</footer>
</body>
</html>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>