1. 首页
  2. 编程语言
  3. C
  4. HTML基础知识点整理

HTML基础知识点整理

上传者: 2025-06-29 08:50:43上传 DOCX文件 15.06KB 热度 1次

HTML 的知识点整理得挺全的,尤其适合刚入门或者想回顾基础的朋友。用标签搭网页结构,像

这种常见的标签讲得都比较清楚,而且每个标签的用法、注意点都给了例子,蛮实用的。像是怎么加链接、

怎么排表格,通俗易懂,讲得也不枯燥。

HTML 的结构分为;;两块。;里放这些信息类的东西,<code><body>;</code>里就都是用户能看到的内容了,比如文字、图片、链接这些。</p> <p>像<code><h1>;</code>到<code><h6>;</code>的标题标签,不只是调大小,更影响 SEO,搜索引擎抓内容主要看这些。还有段落<code><p>;</code>、换行<code><br /></code>的区别,初学者容易混,这里说得蛮明白。</p> <p>对图片<code><img>;</code>的也还不错,<code>src</code>、<code>alt</code>、<code>width</code>这些属性都提到了,记得配合<code>width</code>控制尺寸,不然图片乱飞。还有<code><hr /></code>的用法,用来加分隔线也挺常见的。</p> <p>列表结构也有说,有序<code><ol>;</code>、无序<code><ul>;</code>都能用<code><li>;</code>配合来写菜单、步骤啥的,还讲了<code><pre>;</code>保持代码格式的用法,这在写教程时有用。</p> <p>链接和表单部分我觉得挺实用的。比如<a>链接标签,<code>href</code>指定跳转地址,配合锚点还能做页面内跳转;表单<code><form>;</code>则是和后端交互的关键,<code>action</code>设定接口地址,<code>method</code>一般就选<code>post</code>或<code>get</code>。</p> <p>如果你是刚入坑 HTML,或者项目里老是得手撸静态页面,这份总结还是值得一读的。文档不长,讲得比较顺,动手试试会理解得更快。</p> </div> </di> <div class="article" style="margin-top:0px;margin-bottom: 15px;"> <div > <div class="col-xs-4 col-sm-4"> <a class="views-num" href="#download" title="HTML基础知识点整理下载地址">下载地址</a> </div> <div class="col-xs-4 col-sm-4"> <a href="#pinglun" title="HTML基础知识点整理怎么样">用户评论</a> </div> <div class="col-xs-4 col-sm-4"> <a href="#gdownload" title="更多和HTML基础知识点整理相关的下载">更多下载</a> </div> </div> </div> </div> </div> </article> <div class="panel-group"> <div class="panel panel-default" id="download"> <div class="panel-heading"> <div class="panel-title"> <span>下载地址</span> </div> </div> <div class="row"> <div class="panel-body"> <div class="col-xs-3 cursors" > <a href="" target="_blank" class="downloadbtn"></a> <a id="downloadbtn" data-id="8595267" class="cursors btn btn-danger"><i class="iconfont icon-xiazai" aria-hidden="true"></i> 立即下载</a> </div> <!-- <div class="col-xs-9 text-right" > <a class="small-btn collect-btn"><i class="fa fa-star-o" aria-hidden="true"></i><span>收藏</span></a> <a class="small-btn collect-btn"><i class="fa fa-qq" aria-hidden="true"></i><span>腾讯</span></a> <a class="small-btn collect-btn"><i class="fa fa-weibo" aria-hidden="true"></i></i><span>微博</span></a> </div>--> </div> </div> </div> </div> <div class="panel-group" > <div class="panel panel-default" id="pinglun"> <div class="panel-heading"> <div class="panel-title"> <span>用户评论</span> </div> </div> <div class="row"> <div class="panel-body"> <div id="comment-container"> <!-- S 评论列表 --> <div id="commentlist"> <!-- <div class="text-center"><span class="loadmore-tips">暂无评论</span></div> --> </div> <!-- E 评论列表 --> <!-- S 评论分页 --> <div id="commentpager" class="text-center"> </div> <!-- E 评论分页 --> <!-- S 发表评论 --> <div class="mt-3"> <form action="/api/Frontend/comment" method="post" id="commentpostform"> <input type="hidden" name="type" value="archives"/> <input type="hidden" name="aid" value="8595267"/> <input type="hidden" name="pid" id="pid" value="0"/> <div class="input-group"> <input name="content" class="form-control" disabled placeholder="下载后再发表评论" id="commentcontent" cols="6" rows="5" tabindex="4"> <span class="input-group-btn"> <a id="submit" class="btn btn-dangers btn-sm" disabled type="button">发表评论</a> </span> </div> </form> </div> <!-- E 发表评论 --> </div> </div> </div> </div> </div> <div class="panel-group" > <div class="pl-0 pr-0 " > <div class="panel-body _downbdad"></div> </div> </div> <aside> <ul class="panel-body pl-0 pr-0" id="gdownload"> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/8595267.html" title="HTML基础知识点整理"><span><em class='text-danger fst-normal'>HTML</em><em class='text-danger fst-normal'>基础知识点整理</em></span></a> </div> <p class="list-descri"> HTML 的知识点整理得挺全的,尤其适合刚入门或者想回顾基础的朋友。用标签搭网页结构,像、、这种常见... </p> <div class="list-ifon"> 大小:15.06KB | 2025-06-29 08:50:43 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/6193028.html" title="python爬虫基础知识点整理"><span>python爬虫<em class='text-danger fst-normal'>基础知识点整理</em></span></a> </div> <p class="list-descri"> 在本篇文章里小编给大家整理的是一篇关于python爬虫基础知识点整理内容,有兴趣的朋友们可以学习下。... </p> <div class="list-ifon"> 大小:87KB | 2020-09-21 15:12:43 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/8558468.html" title="HTML知识点整理"><span><em class='text-danger fst-normal'>HTML</em><em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> 在HTML中,主要的知识点包括:文档结构:了解基本的文档结构,包括<!DOCTYPE>、... </p> <div class="list-ifon"> 大小:417.73KB | 2024-11-04 23:56:29 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/6791108.html" title="高考历史基础知识点整理.doc"><span>高考历史<em class='text-danger fst-normal'>基础知识点整理</em>.doc</span></a> </div> <p class="list-descri"> 高考历史基础知识点整理 高考生此时已经进入高考备战阶段,历史科目的复习任务比较重,小伙伴们需要复... </p> <div class="list-ifon"> 大小:19KB | 2020-12-16 00:55:24 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/8594987.html" title="Java基础知识点整理与答案"><span>Java<em class='text-danger fst-normal'>基础知识点整理</em>与答案</span></a> </div> <p class="list-descri"> Java 入门的那一堆概念,说难不难,说简单也容易混。是环境变量、数据类型、控制语句这些,看起来抽象... </p> <div class="list-ifon"> 大小:22.06KB | 2025-06-25 13:06:00 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/7001340.html" title="html加css基础知识点整合"><span><em class='text-danger fst-normal'>html</em>加css<em class='text-danger fst-normal'>基础知识点整</em>合</span></a> </div> <p class="list-descri"> 这是我在学习html和css时候整合的知识点,里面还是比较详细,一些容易混淆的知识点也有说明 </p> <div class="list-ifon"> 大小:1.17MB | 2020-12-31 09:28:09 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/8592571.html" title="大学计算机基础知识点整理"><span>大学计算机<em class='text-danger fst-normal'>基础知识点整理</em></span></a> </div> <p class="list-descri"> 这份《大学计算机基础知识点整理课件》简直是计算机基础的宝藏!里面覆盖了从计算机硬件到软件,再到网络应... </p> <div class="list-ifon"> 大小:51.03KB | 2025-06-18 03:14:56 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/1318017.html" title="mysql知识点整理收藏mysql知识点整理收藏mysql知识点整理收藏mysql知识点整理收藏"><span>mysql<em class='text-danger fst-normal'>知识点整理</em>收藏mysql<em class='text-danger fst-normal'>知识点整理</em>收藏mysql<em class='text-danger fst-normal'>知识点整理</em>收藏mysql<em class='text-danger fst-normal'>知识点整理</em>收藏</span></a> </div> <p class="list-descri"> </p> <div class="list-ifon"> 大小:0B | 2020-10-26 20:45:39 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/6824937.html" title="SQL Server数据库基础知识点整理"><span>SQL Server数据库<em class='text-danger fst-normal'>基础知识点整理</em></span></a> </div> <p class="list-descri"> SQL语句相关 DDL:数据定义语言(物理级别->在硬盘上创建或者删除) 创建数据库:CREA... </p> <div class="list-ifon"> 大小:49KB | 2020-12-17 11:11:31 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/6407102.html" title="二级公共基础知识题分知识点整理"><span>二级公共<em class='text-danger fst-normal'>基础知识</em>题分<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> 这是本人整理的全国计算机等级考试的公共基础知识题,不管大家考哪个语种,都适用,分为四部分,数据结构与... </p> <div class="list-ifon"> 大小:155KB | 2020-10-30 02:18:18 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/1306461.html" title="jquery知识点整理"><span>jquery<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> </p> <div class="list-ifon"> 大小:0B | 2019-12-31 16:46:56 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/3515321.html" title="Mybatis知识点整理"><span>Mybatis<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> Mybatis知识点整理,Dome代码,简单易懂,很适合新手学习 </p> <div class="list-ifon"> 大小:0B | 2019-07-15 23:53:35 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/3044903.html" title="oracle知识点整理"><span>oracle<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> 整理了oracle的常用知识点的使用语法及示例 </p> <div class="list-ifon"> 大小:0B | 2019-06-05 03:54:30 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/3235937.html" title="springboot知识点整理"><span>springboot<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> Springboot knowledge point finishing </p> <div class="list-ifon"> 大小:0B | 2019-06-27 04:24:16 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/3252639.html" title="Linux知识点整理"><span>Linux<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> Linux knowledge point finishing </p> <div class="list-ifon"> 大小:0B | 2019-06-27 15:47:04 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/2144048.html" title="HashMap知识点整理"><span>HashMap<em class='text-danger fst-normal'>知识点整理</em></span></a> </div> <p class="list-descri"> HashMap知识点整理,分条列点,详述hashmap的实现原理 </p> <div class="list-ifon"> 大小:0B | 2019-05-01 22:11:12 </div> </article> </li> </ul> </aside> </main> <div class="article-sidebar col-md-4"> <div class="panel panel-default hot-article"> <div class="panel-body "> <div id="cao_widget_userinfo-2" class="widget widget-userinfo"> <div class="author-card_content"> <div class="author_avatar"> <div class="col-auto"> <img alt="" data-src="/assets/img/avatar.png" class="avatar avatar-96 photo qq img-circle" width="50" src="/assets/img/avatar.png"> </div> <div class="col n2"> <a href="/u/2769519.html" target="_blank">qqfailure39366</a> <small class="d-block">资源:1131 粉丝:0</small> </div> <div class="col-auto"> <a href="javascript:;" class="btn btn-danger btn-sm click-follow" data-authorid="2769519" data-status="0">+关注</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4 mb-2" style="height: 45px"> <a target="_blank" href="/index/user/uploadfile" class="col-xs-12 btn btn-danger btn-lg"><i class="iconfont icon-shangchuan" aria-hidden="true"></i> 上传资源</a> </div> <div class="col-md-4 article-sidebar"> <div class="panel panel-default hot-article"> <div class="panel-body _aboutdownload"></div> </div> </div> <div class="col-md-4 article-sidebar"> <div class="panel panel-default hot-article"> <div class="panel-heading"> <span class="panel-title">免责说明</span> </div> <div class="panel-body"> <div class="panel-body"> 本站只是提供一个交换下载平台,下载的内容为本站的会员网络搜集上传分享交流使用,有完整的也有可能只有一分部,相关内容的使用请自行研究,主要是提供下载学习交流使用,一般不免费提供其它各种相关服务! 本站内容泄及的知识面非常广,请自行学习掌握,尽量自已动脑动手解决问题,实践是提高本领的途径,下载内容不代表本站的观点或立场!如本站不慎侵犯你的权益请联系我们,我们将马上处理撤下所有相关内容!联系邮箱:server@dude6.com </div> </div> </div> </div> </div> </div> <div id="opendown" class="opendown" style="display: none"></div> <div id="paydown" class="opendown" style="display: none"></div> <script>var downid = 8595267</script> <footer class="footer" style="clear:both"> <p class="copyright"> Copyright © 2017-2020 qcsdn.cn All Rights Reserved 码姐姐 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备16081799号</a> | <a href="http://qcsdn.com/sitemap.xml">网站地图</a> </p> </script></footer> <div id="floatbtn"> <a id="fb-tipoff" class="hover" href="http://www.qcsdn.cn/index/user/uploadfile" target="_blank"> <i class="iconfont icon-shangchuan" aria-hidden="true"></i> </a> <div id="share"></div> <a id="feedback" class="hover" href="#pinglun"> <i class="iconfont icon-pinglun" aria-hidden="true"></i> </a> <a id="back-to-top" class="hover" href="javascript:;" style="display: none"> <i class="iconfont icon-jiantoushang" aria-hidden="true"></i> </a> </div> <script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="/assets/js/publicejs.js?v=1751211780"></script> <script type="text/javascript" src="/assets/js/common.js?v=1751211780"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?749301c3e053cc620e6b0d1682744892"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6566807", container: "_downbdad", async: true }); (window.slotbydup = window.slotbydup || []).push({ id: "u6889993", container: "_aboutdownload", async: true }); $('#share').share({sites: ['qzone', 'qq', 'weibo','wechat']}); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script> </body> </html>