基本html语言 – 张智勇

告知客户端此文档是html文档

头信息，主要包括
网页名称</p> <style> 样式表<br /><meta> 元信息<link> 指定链接<br /><base> 设定基点<br /><script> 脚本<br /><isindex> 可搜索的索引文档</p> <p><body> 主体部分，可内嵌<br /><text> 文本颜色<link> 未点到的链接颜色<br /><vlink> 已访问的链接颜色<br /><alink> 鼠标悬停时的链接颜色<br /><background> 图片背景<br /><backcolor> 背景颜色</p> <h1>~</p> <h6> 划分章节（体现在字体上，从1-6越来越小）</p> <p> 段落标记（注无需</p> <p>）</p> <p> 换行标记（注无需</br>）</p> <p> 注释信息</p> <p><a href=""> 超链接 href后可接网址或者mailto:表示邮件<br /><a name=""> 书签，""内为书签名称，使用<a href="#书签名称">即可直达注意前面有个#号</p> <p><img src=""> 图像插入</p> <pre> 预格式化</p> <hr> <p> 水平线（注无需</hr> <p>） noshade 无投影</p> <address> 地址标记</p> <div> 对其元素块</p> <p><font> 字体</p> <p>列表</p> <ol> 编号列表</p> <ul> 项目列表</p> <li> 列表项 <dl> 词汇列表</p> <dt> 词条</p> <dd> 词义</p> <p>表格</p> <table> 定义表格（特殊控制元素 border:框线阴影宽度 cellspacing:框线宽度 cellpaddind:内容和框线的间距）</p> <caption> 表格标题</p> <tr> 表行</p> <th> </p> <td> 数据格（nowrap:表格数据不自动换行 colspan=##:合并列）</p> <p>表单</p> <form> 定义表单（action:接收数据地址 method:数据发送方法(get post) enptyce:使用的mime类型）<br /><input type=> （radio:单选 checkbox:多选 text:单行文本 password:密码 submit:提交 reset:清除）（name value）<br /><textarea> （rows:行数 cols:列数）<br /><select> 下拉菜单（option:下拉菜单选项）</p> <p><frame> 框架</p> <p>属性控制<br />align 水平对齐（left right center）<br />valign 垂直对其（top center bottom）<br />width 宽<br />hight 高<br />color 颜色<br />size 大小<br />face 字体 </p> <p> </p> </div> <footer class="entry-meta" aria-label="条目 meta"> <span class="cat-links"><span class="screen-reader-text">分类 </span><a href="https://old.zyzhang.com/category/%e5%af%b9%e8%a1%8c%e4%b8%9a%e7%9a%84%e6%80%9d%e8%80%83/" rel="category tag">观察思考</a></span> <nav id="nav-below" class="post-navigation" aria-label="文章"> <div class="nav-previous"><span class="prev"><a href="https://old.zyzhang.com/%e7%bd%91%e9%a1%b5%e4%bb%a3%e7%a0%81%e5%b7%a7%e8%a7%a3%e5%af%86/" rel="prev">网页代码巧解密</a></span></div><div class="nav-next"><span class="next"><a href="https://old.zyzhang.com/%e4%bd%bf%e7%94%a8sftp%e6%90%9c%e7%b4%a2%e7%bd%91%e7%bb%9c%e8%b5%84%e6%ba%90/" rel="next">使用SFTP搜索网络资源</a></span></div> </nav> </footer> </div> </article> <div class="comments-area"> <div id="comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">发表评论 <small><a rel="nofollow" id="cancel-comment-reply-link" href="/%e5%9f%ba%e6%9c%achtml%e8%af%ad%e8%a8%80/#respond" style="display:none;">取消回复</a></small></h3><form action="https://old.zyzhang.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-form-comment"><label for="comment" class="screen-reader-text">评论</label><textarea autocomplete="new-password" id="a9bbd78a78" name="a9bbd78a78" cols="45" rows="8" required></textarea><textarea id="comment" aria-label="hp-comment" aria-hidden="true" name="comment" autocomplete="new-password" style="padding:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;white-space:nowrap !important;height:1px !important;width:1px !important;overflow:hidden !important;" tabindex="-1"></textarea><script data-noptimize>document.getElementById("comment").setAttribute( "id", "a67c7f83fbeaa6f3c5752987b4e79c5e" );document.getElementById("a9bbd78a78").setAttribute( "id", "comment" );</script></p><label for="author" class="screen-reader-text">名称</label><input placeholder="名称 *" id="author" name="author" type="text" value="" size="30" required /> <label for="email" class="screen-reader-text">电子邮箱地址</label><input placeholder="电子邮箱地址 *" id="email" name="email" type="email" value="" size="30" required /> <label for="url" class="screen-reader-text">网站地址</label><input placeholder="网站地址" id="url" name="url" type="url" value="" size="30" /> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="发表评论" /> <input type='hidden' name='comment_post_ID' value='451' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </div> </main> </div> <div class="widget-area sidebar is-right-sidebar grid-25 tablet-grid-25 grid-parent" id="right-sidebar"> <div class="inside-right-sidebar"> <aside id="custom_html-2" class="widget_text widget inner-padding widget_custom_html"><div class="textwidget custom-html-widget">博主微信公众号 ⤵️ <br /> <img src="https://old.zyzhang.com/wp-content/uploads/2023/11/xzgj.jpg" alt="微信公众号" class="wp-image-2909"/> <a href="https://weibo.com/u/1649949231" target="_blank" rel="noopener"><img src=https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.swo.moe%2Fstats%2Fweibo%2F1649949231&query=count&color=040000&label=%E5%BE%AE%E5%8D%9A&labelColor=e71f19&logo=sina-weibo&suffix=+%E5%85%B3%E6%B3%A8&cacheSeconds=3600/></a> <br /> <a href="https://www.zhihu.com/people/zyzhang" target="_blank" rel="noopener"><img src=https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.swo.moe%2Fstats%2Fzhihu%2Fzyzhang&query=count&color=282c34&label=%E7%9F%A5%E4%B9%8E&labelColor=0084ff&logo=zhihu&logoColor=ffffff&suffix=+%E5%85%B3%E6%B3%A8&cacheSeconds=3600/></a> <br /> <a href="https://www.inoreader.com/feed/https://www.zyzhang.com/feed/" target="_blank" rel="noopener"><img src=https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.swo.moe%2Fstats%2Finoreader%2Fhttps%253A%252F%252Fwww.zyzhang.com%252Ffeed%252F&query=count&color=282c34&label=Inoreader&labelColor=007bc7&logo=data%3Aimage%2Fsvg+xml%3Bbase64%2CPHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTM2IDBjMTkuODgyIDAgMzYgMTYuMTE4IDM2IDM2UzU1Ljg4MiA3MiAzNiA3MiAwIDU1Ljg4MiAwIDM2IDE2LjExOCAwIDM2IDB6bS03Ljk5IDMwLjk4QzIwLjgyNSAzMC45OCAxNSAzNi44MDQgMTUgNDMuOTkgMTUgNTEuMTc1IDIwLjgyNSA1NyAyOC4wMSA1N2M3LjE4MyAwIDEzLjAwOS01LjgyNSAxMy4wMDktMTMuMDExIDAtNy4xODUtNS44MjYtMTMuMDA5LTEzLjAwOS0xMy4wMDl6bTMuNjcgNS41NjVhMy43MjcgMy43MjcgMCAxMS0uMDA1IDcuNDU0IDMuNzI3IDMuNzI3IDAgMDEuMDA0LTcuNDU0em0tMy42Ny0xNC43NTh2NC42ODdjOS42NTYgMCAxNy41MTYgNy44NTggMTcuNTE2IDE3LjUxNWg0LjY4OWMwLTEyLjI0Mi05Ljk2MS0yMi4yMDItMjIuMjA1LTIyLjIwMnptMC05Ljc4N3Y0LjY4N2M3LjI5MiAwIDE0LjE0OCAyLjg0IDE5LjMwNiA3Ljk5OCA1LjE1OCA1LjE1NyA3Ljk5NSAxMi4wMTQgNy45OTUgMTkuMzA0SDYwYzAtOC41NDQtMy4zMjgtMTYuNTc3LTkuMzctMjIuNjJDNDQuNTg1IDE1LjMyNiAzNi41NTQgMTIgMjguMDEgMTJ6IiBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4%3D&suffix=+subs&cacheSeconds=3600/></a> <br /> <a href="https://feedly.com/i/subscription/feed/https://www.zyzhang.com/feed/" target="_blank" rel="noopener"><img src=https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fapi.swo.moe%2Fstats%2Ffeedly%2Fhttps%253A%252F%252Fwww.zyzhang.com%252Ffeed%252F&query=count&color=282c34&label=Feedly&labelColor=2bb24c&logo=feedly&logoColor=ffffff&suffix=+subs&cacheSeconds=3600/></a></div></aside><aside id="categories-1" class="widget inner-padding widget_categories"><h2 class="widget-title">分类</h2> <ul> <li class="cat-item cat-item-8"><a href="https://old.zyzhang.com/category/%e5%88%9b%e4%b8%9a%e5%8e%86%e7%a8%8b/">创业历程</a> (123) </li> <li class="cat-item cat-item-11"><a href="https://old.zyzhang.com/category/%e5%ad%a6%e6%9c%af%e6%80%9d%e8%80%83/">学术思考</a> (36) </li> <li class="cat-item cat-item-38"><a href="https://old.zyzhang.com/category/%e6%8a%95%e8%b5%84%e5%bf%83%e5%be%97/">投资心得</a> (21) </li> <li class="cat-item cat-item-6"><a href="https://old.zyzhang.com/category/%e6%9d%82%e4%b8%83%e6%9d%82%e5%85%ab/">杂七杂八</a> (205) </li> <li class="cat-item cat-item-7"><a href="https://old.zyzhang.com/category/%e8%a1%8c%e8%a1%8c%e6%91%84%e6%91%84/">行行摄摄</a> (70) </li> <li class="cat-item cat-item-4"><a href="https://old.zyzhang.com/category/%e5%af%b9%e8%a1%8c%e4%b8%9a%e7%9a%84%e6%80%9d%e8%80%83/">观察思考</a> (459) </li> <li class="cat-item cat-item-5"><a href="https://old.zyzhang.com/category/%e8%af%bb%e7%9c%8b%e5%bf%83%e5%be%97/">读看心得</a> (117) </li> <li class="cat-item cat-item-3"><a href="https://old.zyzhang.com/category/%e9%99%84%e5%ba%b8%e9%a3%8e%e9%9b%85/">附庸风雅</a> (76) </li> </ul> </aside><aside id="recent-comments-1" class="widget inner-padding widget_recent_comments"><h2 class="widget-title">Recent Comments</h2><ul id="recentcomments"><li class="recentcomments"><span class="comment-author-link"><a href="http://daoyuchan.com" class="url" rel="ugc external nofollow">道与</a></span> 发表在《<a href="https://old.zyzhang.com/%e4%b8%a4%e4%b8%aa%e5%8d%9a%e5%ae%a2%e8%81%9a%e5%90%88%e7%bd%91%e7%ab%99%e7%9a%84%e6%94%be%e5%bc%83/comment-page-1/#comment-203002">两个博客聚合网站的放弃</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href="https://pfzlcx.cn/" class="url" rel="ugc external nofollow">演员</a></span> 发表在《<a href="https://old.zyzhang.com/%e6%89%8b%e5%86%b2%e4%b8%80%e6%9d%af%e5%a5%bd%e5%92%96%e5%95%a1/comment-page-1/#comment-203001">手冲一杯好咖啡</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href="https://pfzlcx.cn/" class="url" rel="ugc external nofollow">演员</a></span> 发表在《<a href="https://old.zyzhang.com/1500%e4%ba%bf%e3%80%81%e8%a2%ab%e6%8b%89%e9%bb%91%e3%80%81100%e5%9d%97%e3%80%81%e4%bf%a1%e6%81%af%e7%9a%84%e6%a0%b8%e6%9f%a5%e4%b8%8e%e4%bd%bf%e7%94%a8/comment-page-1/#comment-203000">1500亿、被拉黑、100块、信息的核查与使用</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href="https://pfzlcx.cn/" class="url" rel="ugc external nofollow">演员</a></span> 发表在《<a href="https://old.zyzhang.com/%e4%b8%a4%e4%b8%aa%e5%8d%9a%e5%ae%a2%e8%81%9a%e5%90%88%e7%bd%91%e7%ab%99%e7%9a%84%e6%94%be%e5%bc%83/comment-page-1/#comment-202999">两个博客聚合网站的放弃</a>》</li><li class="recentcomments"><span class="comment-author-link"><a href="http://www.zyzhang.com" class="url" rel="ugc external nofollow">张智勇</a></span> 发表在《<a href="https://old.zyzhang.com/%e4%b8%a4%e4%b8%aa%e5%8d%9a%e5%ae%a2%e8%81%9a%e5%90%88%e7%bd%91%e7%ab%99%e7%9a%84%e6%94%be%e5%bc%83/comment-page-1/#comment-202998">两个博客聚合网站的放弃</a>》</li></ul></aside><aside id="linkcat-2" class="widget inner-padding widget_links"><h2 class="widget-title">友情链接</h2> <ul class='xoxo blogroll'> <li><a href="https://www.ixssx.com" rel="me noopener" target="_blank">笑书神侠</a></li> <li><a href="https://morerss.com" rel="noopener" title="More RSS, more freedom" target="_blank">MoreRSS</a></li> <li><a href="https://www.btfan.com" rel="noopener" target="_blank">BT搜索助手</a></li> <li><a href="https://anai.fun" rel="me noopener" target="_blank">极简AI网址导航</a></li> <li><a href="https://xiqi.com.cn" rel="noopener" target="_blank">稀奇网 xiqi.com.cn</a></li> <li><a href="https://www.idushu.com" rel="me noopener" target="_blank">爱读书网</a></li> <li><a href="http://www.dian-ying.com" rel="noopener" target="_blank">电影网</a></li> <li><a href="http://www.cnlove.com.cn" rel="noopener" target="_blank">表白墙</a></li> <li><a href="http://www.aljj.com" rel="me noopener" target="_blank">阿里姐姐信用卡助手</a></li> <li><a href="https://bping.com" rel="noopener" target="_blank">币评 Blockchain Ping</a></li> <li><a href="https://qthinker.net/" rel="noopener" target="_blank">量化思想汇</a></li> </ul> </aside> <aside id="linkcat-45" class="widget inner-padding widget_links"><h2 class="widget-title">发现博客</h2> <ul class='xoxo blogroll'> <li><a href="https://www.foreverblog.cn/" rel="noopener" target="_blank">十年之约</a></li> <li><a href="https://bf.zzxworld.com/" rel="noopener" target="_blank">BlogFinder</a></li> <li><a href="https://www.boyouquan.com/" rel="noopener" target="_blank">博友圈</a></li> </ul> </aside> <aside id="linkcat-31" class="widget inner-padding widget_links"><h2 class="widget-title">看世界</h2> <ul class='xoxo blogroll'> <li><a href="https://www.gaoyy.com">搞英语看世界</a></li> <li><a href="https://fenq.com" rel="noopener" title="Far East NeoQuest" target="_blank">FENQ</a></li> </ul> </aside> <aside id="linkcat-10" class="widget inner-padding widget_links"><h2 class="widget-title">老东家</h2> <ul class='xoxo blogroll'> <li><a href="http://www.egou.com" rel="noopener" target="_blank">易购网</a></li> <li><a href="http://www.yiqifa.com" rel="noopener" target="_blank">亿起发</a></li> <li><a href="http://www.dangdang.com" rel="noopener" target="_blank">当当网</a></li> <li><a href="http://www.meituan.com" rel="noopener" target="_blank">美团网</a></li> </ul> </aside> <aside id="meta-2" class="widget inner-padding widget_meta"><h2 class="widget-title">其他操作</h2> <ul> <li><a href="https://old.zyzhang.com/wp-login.php">登录</a></li> <li><a href="https://old.zyzhang.com/feed/">条目 feed</a></li> <li><a href="https://old.zyzhang.com/comments/feed/">评论 feed</a></li> <li><a href="https://cn.wordpress.org/">WordPress.org</a></li> </ul> </aside> </div> </div> </div> </div> <div class="site-footer"> <footer class="site-info" aria-label="站点" itemtype="https://schema.org/WPFooter" itemscope> <div class="inside-site-info grid-container grid-parent"> <div class="copyright-bar"> <span class="copyright">© 2003- 2024 张智勇 - 创业、投资 </span> </div> </div> </footer> </div> <script id="generate-a11y">!function(){"use strict";if("querySelector"in document&&"addEventListener"in window){var e=document.body;e.addEventListener("mousedown",function(){e.classList.add("using-mouse")}),e.addEventListener("keydown",function(){e.classList.remove("using-mouse")})}}();</script> <script id="generate-menu-js-extra"> var generatepressMenu = {"toggleOpenedSubMenus":"1","openSubMenuLabel":"\u6253\u5f00\u5b50\u83dc\u5355","closeSubMenuLabel":"\u5173\u95ed\u5b50\u83dc\u5355"}; </script> <script src="https://old.zyzhang.com/wp-content/themes/generatepress/assets/js/menu.min.js?ver=3.5.1" id="generate-menu-js"></script> <script id="generate-navigation-search-js-extra"> var generatepressNavSearch = {"open":"\u6253\u5f00\u641c\u7d22\u6846","close":"\u5173\u95ed\u641c\u7d22\u6846"}; </script> <script src="https://old.zyzhang.com/wp-content/themes/generatepress/assets/js/navigation-search.min.js?ver=3.5.1" id="generate-navigation-search-js"></script> <script src="https://old.zyzhang.com/wp-includes/js/comment-reply.min.js?ver=6.5.5" id="comment-reply-js" async data-wp-strategy="async"></script> </body> </html>