如何写html代码
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.lzhejiang.com/article/dhdepjp.html">http://www.lzhejiang.com/article/dhdepjp.html</a>
</div>
</div>
<div class="contentr fr">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/dhhopeo.html">域名与网址的区别？（网址与域名的区别,顶级域名www）</a>
</li><li>
<a href="/article/dhhopih.html">eclipse显示端口被占用(tomcat运行不了怎么回事？)</a>
</li><li>
<a href="/article/dhhopgo.html">chatgpt账号被停用了怎样申诉恢复？(chatgpt账号被拉黑)</a>
</li><li>
<a href="/article/dhhopdp.html">单独办理宽带哪个便宜？499的云服务器</a>
</li><li>
<a href="/article/dhhojhp.html">怎么租用vps服务器</a>
</li> </ul>
</div>
</div>
</div>
<!--底部-->
<footer>
<div class="foot">
<div class="container">
<h1>合江昇腾立达建站您身边的网站制作服务商</h1>
<div class="foot1">
<ul>
<li>
<dl><i class="iconfont"></i><b>地址ADDRESS</b></dl>
<p>四川-成都青羊区太升南路288号<br>
锦天国际A座10楼
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>电话/TEL</b></dl>
<p><a href="tel:02886922220" target="_blank">028 86922220</a> (工作日)<br>
<a href="tel:18980820575" target="_blank">1898082 0575</a> ( 7x24 )
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>QQ咨询</b></dl>
<p> 244261566 (售前)<br>
631063699 (售后)
</p>
</li>
<li>
<dl><i class="iconfont"></i><b>邮箱/E: mail</b></dl>
<p> service@cdcxhl.com (业务)<br>
hr@cdcxhl.com (求职)
</p>
</li>
</ul>
</div>
<div class="link">
友情链接：
<a href="http://www.idcguanghua.com/" title="光华服务器租用" target="_blank">光华服务器租用</a> <a href="http://www.sxjinchun.com/" title="锦春枣业" target="_blank">锦春枣业</a> <a href="http://www.lqfdjxw.com/" title="龙泉发电机维修" target="_blank">龙泉发电机维修</a> <a href="https://www.cdxwcx.com/city/luzhou/" title="泸州网站建设" target="_blank">泸州网站建设</a> <a href="http://m.cdxwcx.com/xibuxinxi.html" title="西部信息服务器托管" target="_blank">西部信息服务器托管</a> <a href="http://chengdu.cdcxhl.cn/qiye/" title="企业网站制作" target="_blank">企业网站制作</a> <a href="http://www.cdxwcx.cn/tuoguan/dazhou.html" title="达州电信机房" target="_blank">达州电信机房</a> <a href="https://www.cdxwcx.com/tuiguang/weibo.html" title="微博营销" target="_blank">微博营销</a> <a href="https://www.cdxwcx.com/jifang/yaan.html" title="川西大数据中心" target="_blank">川西大数据中心</a> <a href="http://www.dmvi.cn/" title="成都广告公司" target="_blank">成都广告公司</a> </div>
</div>
</div>
<div class="copy container">
Copyright © 2025 All Rights Reserved. 青羊区昇腾立达信息技术工作室（个体工商户） 版权所有 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2025122974号-15</a>
[原创设计,独立版权。未经许可.不得拷贝或镜像]<br>
<a href="http://www.kswsj.cn/" target="_blank">网站营销推广</a> | <a href="https://www.cdcxhl.com/pinpai.html" target="_blank">品牌网站设计</a> | <a href="http://www.cdweb.net/" target="_blank">自适应网站制作</a> | <a href="http://cdkjz.cn/wangzhan/pinpai/" target="_blank">品牌网站制作</a> | <a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a> | <a href="https://www.cdcxhl.com/cloud/" target="_blank">云服务器</a> | <a href="https://www.cdcxhl.com/weihu/abazhou.html" target="_blank">合江网站维护</a> | (合江网站制作QQ : 631063699 )</div>
</footer>
<!--在线咨询-->
<div class="fot">
<ul>
<li>
<a href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" target="_blank">
<img src="/Public/Home/img/fot1.png" alt="建站咨询">
<p>在线咨询</p>
</a>
</li>
<li>
<a href="tel:18980820575" target="_blank">
<img src="/Public/Home/img/fot2.png" alt="建站电话">
<p>拨打电话</p>
</a>
</li>
</ul>
</div>
</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>
