HTML基础教程——

士别三日wyx

优质创作者: 信息安全技术领域

2021-11-05 22:39:44

加精

https://blog.csdn.net/wangyuxiang946/article/details/120516671

...全文

75 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文是HTML基础教程，介绍了HTML的基本概念、标签、元素、浏览器解析过程、不同版本及其声明。通过实例展示了HTML的结构和中文编码的处理，帮助初学者理解HTML的工作原理。

该博客提供 HTML 基础教程，涵盖信息技术领域前端开发中 HTML 的相关知识，能帮助学习者了解 HTML 基础内容。

本文是 HTML 属性的基础教程，介绍了属性是 HTML 元素的附加信息，以 name='value' 形式写在标签内。还提及属性值引用、大小写规范，列举了全局属性、特定元素属性、布尔属性、自定义属性和事件处理属性等，并给出相关实例和参考手册。

本文是HTML链接的基础教程，介绍了HTML链接通过标签创建，可实现网页间导航、资源关联等。详细讲解了链接的基本语法，还阐述了href、target、rel等多个链接属性的作用及使用实例，同时提及空链接设置、注意事项和更多应用实例。

本文是HTML 元素的基础教程。介绍了元素可包含脚本、样式文件及meta信息等，还详细讲解了、<base>、<link>、<style>、<meta>、<script>等头部标签元素的作用及使用实例，如<title>定义文档标题，<meta>提供元数据等。</a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/skylibiao" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/39f7769373c34858803e709c8abb782e.png" alt data-v-4722a3ae> <div title="技术专家修炼" class="community-name" data-v-4722a3ae> 技术专家修炼 </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="110971" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 110,971 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="978" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/skylibiao" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 978 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div>  </div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-6231" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg3.9519d347.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://img-community.csdnimg.cn/avatar/39f7769373c34858803e709c8abb782e.png" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>技术专家修炼</div> <div class="share-dec" data-v-ca030a68>关注公众号「一条coding」获取Java学习路线和100本计算机书籍</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> </div></div></div>  <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span></div><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> 关注公众号「一条coding」获取Java学习路线和100本计算机书籍 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae>  </div></div>  <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/skylibiao" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/b12119c3e25848829221896129fabfce_skylibiao.jpg!1" alt="一条coding" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li><li data-v-4722a3ae><a href="https://blog.csdn.net/momoda118" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/ca8e3ae0f2c94c3898605bfb6db2db60_momoda118.jpg!1" alt="曲鸟" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div>  </div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div>  <a href="https:///skylibiao/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd><p>发帖、点赞、评论可获得积分，被加精更有额外积分奖励。</p> <p>积分榜第一可获得CSDN定制手机壳。</p> <p><a href="https://docs.qq.com/mind/DZUtHWVlsalNRU1dp" target="_blank">加入交流群</a>每日打卡还有机会获得掘金马克杯。</p> </div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><div class="img-outer" style="height:auto;" data-v-2a6389b9><img src="https://img-community.csdnimg.cn/bgimage/5e920cd3a6124021aae5c86d09d434d8.png" class="hasUrl" data-v-2a6389b9></div> <div data-v-2a6389b9></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div> </div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"EAUqAO9l-s13kxoX7lQQGyfg6fY-0QzYJ_FU","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_36287181360-1787786323592-546191; csrfToken=lebkm0QRhFGUSiFVqJCYgFJu; dc_sid=a9c060ffbc09b9ff944de73503a6743e; dc_session_id=10_1787786323592.413535; uuid_tt_dd=10_36287181360-1787786323592-546191","ip":"216.73.216.56","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\", \"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"skylibiao","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao","owner":{"userName":"skylibiao","nickName":"一条coding","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb12119c3e25848829221896129fabfce_skylibiao.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"技术专家修炼","description":"关注公众号「一条coding」获取Java学习路线和100本计算机书籍","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002F39f7769373c34858803e709c8abb782e.png","qrCode":"","createTime":"2021-11-01","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb12119c3e25848829221896129fabfce_skylibiao.jpg!1","communityNotice":null,"userCount":110971,"contentCount":978,"followersCount":119081,"communityRule":"\u003Cp\u003E发帖、点赞、评论可获得积分，被加精更有额外积分奖励。\u003C\u002Fp\u003E\n\n\u003Cp\u003E积分榜第一可获得CSDN定制手机壳。\u003C\u002Fp\u003E\n\n\u003Cp\u003E\u003Ca href=\"https:\u002F\u002Fdocs.qq.com\u002Fmind\u002FDZUtHWVlsalNRU1dp\" target=\"_blank\"\u003E加入交流群\u003C\u002Fa\u003E每日打卡还有机会获得掘金马克杯。\u003C\u002Fp\u003E\n","communityId":3361,"bgImage":"","hashId":"9n3pgzrl","domain":"","uriName":"skylibiao","externalDisplay":1,"adBanner":{"img":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Fbgimage\u002F95edba96ac2344b0b09b6b4fb57c9dd5.jpeg","url":"https:\u002F\u002Fdocs.qq.com\u002Fmind\u002FDZUtHWVlsalNRU1dp","adType":0,"adCon":null},"rightBanner":{"img":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Fbgimage\u002F5e920cd3a6124021aae5c86d09d434d8.png","url":"https:\u002F\u002Fdocs.qq.com\u002Fmind\u002FDZUtHWVlsalNRU1dp","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":4,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"hideLeftSideBar":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"skylibiao","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":18509,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18509","iframe":false,"sortType":1},{"tabId":18545,"tabName":"后端","tabUrl":"","tabSwitch":1,"tabType":1,"tabContribute":1,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18545","iframe":false,"sortType":1},{"tabId":18546,"tabName":"前端","tabUrl":"","tabSwitch":1,"tabType":1,"tabContribute":1,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18546","iframe":false,"sortType":1},{"tabId":18641,"tabName":"人工智能","tabUrl":"","tabSwitch":1,"tabType":1,"tabContribute":1,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18641","iframe":false,"sortType":1},{"tabId":18644,"tabName":"技术专家修炼","tabUrl":"https:\u002F\u002Fblog.csdn.net\u002Fskylibiao\u002Fcategory_11116786.html","tabSwitch":1,"tabType":0,"tabContribute":1,"indexOrder":0,"iframe":false,"sortType":1},{"tabId":18645,"tabName":"Java入门100例","tabUrl":"https:\u002F\u002Fblog.csdn.net\u002Fskylibiao\u002Fcategory_11397973.html","tabSwitch":1,"tabType":0,"tabContribute":1,"indexOrder":0,"iframe":false,"sortType":1},{"tabId":18649,"tabName":"测试","tabUrl":"","tabSwitch":1,"tabType":1,"tabContribute":1,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18649","iframe":false,"sortType":1},{"tabId":18650,"tabName":"算法","tabUrl":"","tabSwitch":1,"tabType":1,"tabContribute":1,"cardType":0,"indexOrder":0,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=18650","iframe":false,"sortType":1},{"tabId":3317919,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=3317919","iframe":false,"sortType":1},{"tabId":1634673,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao?typeId=1634673","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":18545,"communityName":"技术专家修炼","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002Fskylibiao","communityType":4,"content":{"id":"603233165","contentId":603233165,"cateId":18545,"cateName":"后端","url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F603233165","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F603233165","createTime":"2021-11-05 22:39:44","updateTime":"2021-11-05 22:39:44","resourceUsername":"wangyuxiang946","best":1,"top":0,"text":null,"publishDate":"2021-11-05","lastReplyDate":"2021-11-05","type":"13","nickname":"士别三日wyx","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F8a43e252c5df454ca2057f9e47221502_wangyuxiang946.jpg!1","username":"wangyuxiang946","commentCount":0,"diggNum":8,"digg":false,"viewCount":75,"hit":false,"resourceSource":0,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"HTML基础教程——","insertFirst":false,"likeInfo":null,"description":" https:\u002F\u002Fblog.csdn.net\u002Fwangyuxiang946\u002Farticle\u002Fdetails\u002F120516671 ","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221026062145.png","content":"\u003Cp\u003E\u003Ca href=\"https:\u002F\u002Fblog.csdn.net\u002Fwangyuxiang946\u002Farticle\u002Fdetails\u002F120516671\" id=\"textarea_1636123163600_1636123169807_0\" class=\"md_link_card\" target=\"_blank\"\u003E\n \n \u003Cspan class=\"md_link_desc\" style=\"margin: 0px 0 2px\"\u003E\u003C\u002Fspan\u003E\n \u003Cspan class=\"md_flex_card\"\u003E\n \u003Cspan class=\"md_link_img icon iconfont icon-lianjie\"\u003E\u003C\u002Fspan\u003E\n \u003Cspan class=\"flex-1\"\u003E\n \u003Cspan class=\"md_link_url\"\u003Ehttps:\u002F\u002Fblog.csdn.net\u002Fwangyuxiang946\u002Farticle\u002Fdetails\u002F120516671\u003C\u002Fspan\u003E\n \u003C\u002Fspan\u003E\n \u003C\u002Fspan\u003E\u003C\u002Fa\u003E\u003C\u002Fp\u003E\n","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":true,"org":"奇安信","bala":"技术支持"},"userCertification":[{"type":"high_quality_creator","description":"优质创作者: 信息安全技术领域","icon":"https:\u002F\u002Fi-operation.csdnimg.cn\u002Fimages\u002Fb6e4d056bf60411fb3dca60bc68c7b39.png"}],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F7.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F8a43e252c5df454ca2057f9e47221502_wangyuxiang946.jpg!1","nickname":"士别三日wyx","selfdesc":"2022年北京冬奥会网络安全中国代表队，CSDN Top100，持续分享网络安全干货，商务合作+V shibiesanriwyx","createdate":"2019-05-21 10:08:39","days":"2655","years":"7","username":"wangyuxiang946","school":null,"company":null,"job":null},"userName":"wangyuxiang946","event":"创建了帖子","body":"2021-11-05 22:39","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":0,"total":0,"list":[],"maxPageSize":3000},"defaultActiveTab":18509,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Fhtml168\u002Farticle\u002Fdetails\u002F104161204","title":"\u003Cem\u003Ehtml\u003C\u002Fem\u003E\u003Cem\u003E基础教程\u003C\u002Fem\u003E之\u003Cem\u003EHTML\u003C\u002Fem\u003E 简介","desc":"本文是\u003Cem\u003EHTML\u003C\u002Fem\u003E\u003Cem\u003E基础教程\u003C\u002Fem\u003E，介绍了\u003Cem\u003EHTML\u003C\u002Fem\u003E的基本概念、标签、元素、浏览器解析过程、不同版本及其\u003C!DOCTYPE\u003E声明。通过实例展示了\u003Cem\u003EHTML\u003C\u002Fem\u003E的结构和中文编码的处理，帮助初学者理解\u003Cem\u003EHTML\u003C\u002Fem\u003E的工作原理。","createTime":"2020-02-03 20:08:31","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-1-104161204-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-1-104161204-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fhtml168\u002Farticle\u002Fdetails\u002F104161204\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-1-104161204-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fhtml168\u002Farticle\u002Fdetails\u002F104161204\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-1-104161204-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fqq_42374697\u002Farticle\u002Fdetails\u002F104429047","title":"\u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Cem\u003E基础教程\u003C\u002Fem\u003E","desc":"该博客提供 \u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Cem\u003E基础教程\u003C\u002Fem\u003E，涵盖信息技术领域前端开发中 \u003Cem\u003EHTML\u003C\u002Fem\u003E 的相关知识，能帮助学习者了解 \u003Cem\u003EHTML\u003C\u002Fem\u003E 基础内容。","createTime":"2020-02-21 15:45:36","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-2-104429047-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-2-104429047-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_42374697\u002Farticle\u002Fdetails\u002F104429047\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-2-104429047-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fqq_42374697\u002Farticle\u002Fdetails\u002F104429047\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-2-104429047-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146547880","title":"【\u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Cem\u003E基础教程\u003C\u002Fem\u003E】\u003Cem\u003EHTML\u003C\u002Fem\u003E 属性","desc":"本文是 \u003Cem\u003EHTML\u003C\u002Fem\u003E 属性的\u003Cem\u003E基础教程\u003C\u002Fem\u003E，介绍了属性是 \u003Cem\u003EHTML\u003C\u002Fem\u003E 元素的附加信息，以 name='value' 形式写在标签内。还提及属性值引用、大小写规范，列举了全局属性、特定元素属性、布尔属性、自定义属性和事件处理属性等，并给出相关实例和参考手册。","createTime":"2025-03-27 09:08:05","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-3-146547880-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-3-146547880-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146547880\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-3-146547880-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146547880\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-3-146547880-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641435","title":"【\u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Cem\u003E基础教程\u003C\u002Fem\u003E】\u003Cem\u003EHTML\u003C\u002Fem\u003E 链接","desc":"本文是\u003Cem\u003EHTML\u003C\u002Fem\u003E链接的\u003Cem\u003E基础教程\u003C\u002Fem\u003E，介绍了\u003Cem\u003EHTML\u003C\u002Fem\u003E链接通过\u003Ca\u003E标签创建，可实现网页间导航、资源关联等。详细讲解了链接的基本语法，还阐述了href、target、rel等多个链接属性的作用及使用实例，同时提及空链接设置、注意事项和更多应用实例。","createTime":"2025-03-29 10:36:16","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-4-146641435-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-4-146641435-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641435\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-4-146641435-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641435\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-4-146641435-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641476","title":"【\u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Cem\u003E基础教程\u003C\u002Fem\u003E】\u003Cem\u003EHTML\u003C\u002Fem\u003E ＜head＞","desc":"本文是\u003Cem\u003EHTML\u003C\u002Fem\u003E \u003Chead\u003E元素的\u003Cem\u003E基础教程\u003C\u002Fem\u003E。介绍了\u003Chead\u003E元素可包含脚本、样式文件及meta信息等，还详细讲解了\u003Ctitle\u003E、\u003Cbase\u003E、\u003Clink\u003E、\u003Cstyle\u003E、\u003Cmeta\u003E、\u003Cscript\u003E等头部标签元素的作用及使用实例，如\u003Ctitle\u003E定义文档标题，\u003Cmeta\u003E提供元数据等。","createTime":"2025-03-29 10:37:04","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-5-146641476-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-5-146641476-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641476\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-5-146641476-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fm0_66540684\u002Farticle\u002Fdetails\u002F146641476\",\"strategy\":\"2~default~ElasticSearch~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~ElasticSearch~Rate-5-146641476-bbs-603233165.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1787786363297_05615\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":3361,"username":"skylibiao","userNickname":"一条coding","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fb12119c3e25848829221896129fabfce_skylibiao.jpg!1","createTime":"2021-11-01 15:46:03","updateTime":"2021-11-01 15:46:03","lastLoginTime":"2021-11-01 15:46:03"},{"id":null,"communityId":3361,"username":"momoda118","userNickname":"曲鸟","roleCode":2,"status":1,"createUsername":"skylibiao","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fca8e3ae0f2c94c3898605bfb6db2db60_momoda118.jpg!1","createTime":"2021-12-08 16:55:17","updateTime":"2021-12-08 16:55:17","lastLoginTime":"2021-12-08 16:55:17"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F603233165","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F603233165","typeId":"18509","hasIndex":false,"hasHeader":true},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_CCLOUD_API_URL":"http:\u002F\u002Fcommunity-cloud.internal.csdn.net\u002Fv1\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["603233165"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F603233165","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F603233165","active":0,"navBarFixed":false,"title":"HTML基础教程——","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":3361,"topicId":603233165},"keywords":"","description":"以下内容是CSDN社区关于HTML基础教程——相关内容，如果想了解更多关于技术专家修炼社区其他内容，请访问CSDN社区。","mounted":false,"infoNoticeData":{"src":"","href":"","spm":"","delay":5},"showDialogInfoNotice":false};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.e1a385be.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.a6bdfc78.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.0dca5bed.js"></script></body>   <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script>    <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script>       <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script>     <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> </html>