u1jodi1q 发表于 2024-6-29 15:39:50

Html介绍及器具下载


    <h2 style="color: black; text-align: left; margin-bottom: 10px;">写在前面</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">想了很久不<span style="color: black;">晓得</span>该怎么<span style="color: black;">起始</span>这个专栏，怎么算简单，怎么算有趣，生怕一不小心就难了，<span style="color: black;">倘若</span>直接讲一个整的小<span style="color: black;">工具</span>的<span style="color: black;">研发</span>吧，又<span style="color: black;">必须</span>阅读者<span style="color: black;">必须</span><span style="color: black;">必定</span>的<span style="color: black;">基本</span>，<span style="color: black;">倘若</span>讲某一个好玩的技巧，又与编程违背，思来想去决定从web<span style="color: black;">起始</span>做这个专栏，一点一点做起一个完整的个人博客会更有成就感。这个系列完成后还会有硬件上的教程，基于我参加<span style="color: black;">设备</span>人比赛和<span style="color: black;">有些</span>专利小发明的经验。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">为了做到简单和不乏味，我<span style="color: black;">尽可能</span>缩短每篇<span style="color: black;">文案</span>的长度，讲最<span style="color: black;">要紧</span>的<span style="color: black;">有些</span>部分，<span style="color: black;">倘若</span>想要深入<span style="color: black;">科研</span>，还需读者搜索<span style="color: black;">更加多</span>的资料。</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">什么是HTML</h2>HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML <span style="color: black;">运用</span>标记标签来描述网页<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">简单来讲，html<span style="color: black;">便是</span>用一套通用的标记来<span style="color: black;">暗示</span>网页中的元素</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">html中的标签</h2>HTML 标签<span style="color: black;">是由于</span>尖括号<span style="color: black;">包裹</span>的<span style="color: black;">重要</span>词，<span style="color: black;">例如</span>HTML 标签<span style="color: black;">一般</span>是成对<span style="color: black;">显现</span>的，比如 和标签对中的<span style="color: black;">第1</span>个标签是<span style="color: black;">起始</span>标签，第二个标签是结束标签<span style="color: black;">起始</span>和结束标签<span style="color: black;">亦</span>被<span style="color: black;">叫作</span>为开放标签和闭合标签<h2 style="color: black; text-align: left; margin-bottom: 10px;">html长什么样</h2>
    <div style="color: black; text-align: left; margin-bottom: 10px;">&lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Hello&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
      &lt;h1&gt;Hello, world!&lt;/h1&gt;
      &lt;/body&gt;
      &lt;/html&gt;</div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个简单的例子<span style="color: black;">便是</span>上面<span style="color: black;">这般</span>，其中，<span style="color: black;">这般</span>即是标签,被尖括号括起来的即是内容，title中的内容即是该页面的标题</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个基本的html<span style="color: black;">最少</span>应该<span style="color: black;">包含</span>html,head,title,body,即头尾，标题</p>html 中的文本描述网页body 中的文本是可见的页面内容h1 中的文本被<span style="color: black;">表示</span>为标题p 中的文本被<span style="color: black;">表示</span>为段落<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">你<span style="color: black;">能够</span>新建一个文本文档，复制这段内容进来，另存为hello.html用浏览器打开<span style="color: black;">就可</span>看到效果</p>

    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-d8b5bde31ed8102ba3666a9606a2ea5f_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">工具</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>上面这个txt<span style="color: black;">研发</span>不难<span style="color: black;">发掘</span>，windows自带的notepad编写代码不太好用，<span style="color: black;">这儿</span>我<span style="color: black;">举荐</span>一下microft的visual studio code 40多Mb的体积，智能提示，代码高亮</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-f9dc6794c62c2593283b9fbb60b08e61_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">官方主页</a> 双击打开<span style="color: black;">根据</span>提示<span style="color: black;">就可</span>完成安装</p>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">插件</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">vscode 自带的插件机制使得扩展功能非常方便，<span style="color: black;">这里</span><span style="color: black;">举荐</span><span style="color: black;">有些</span>好用的html<span style="color: black;">研发</span>插件</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">open defaut broser</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">VSCode <span style="color: black;">不可</span><span style="color: black;">经过</span>内置界面来直接在浏览器中打开文件。此扩展将添加一个 选项到右键菜单，使您在客户端（Firefox，Chrome，IE）中打开命令面板选项。TODO Highlight</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">此<span style="color: black;">工具</span><span style="color: black;">能够</span>在你的代码中的标记出所有的 TODO 注释，以便在推送到生产环境之前<span style="color: black;">容易</span>跟踪任何未完成的业务。默认<span style="color: black;">状况</span>下，它会<span style="color: black;">查询</span> TODO 和 FIXME <span style="color: black;">重要</span>字，当然，您<span style="color: black;">亦</span><span style="color: black;">能够</span>添加自定义表达式。Prettier</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Prettier 是<span style="color: black;">日前</span> Web <span style="color: black;">研发</span>中最受欢迎的代码格式化程序。安装了这个插件，它就能够自动应用 Prettier，并将<span style="color: black;">全部</span> JS 和 CSS 文档快速格式化为统一的代码样式Color Info</p>这个<span style="color: black;">方便</span>的插件，将为你<span style="color: black;">供给</span>你在 CSS 中<span style="color: black;">运用</span>颜色的<span style="color: black;">关联</span>信息。你只需在颜色上悬停光标，就<span style="color: black;">能够</span>预览色块中色彩模型的（HEX、 RGB、HSL 和 CMYK）<span style="color: black;">关联</span>信息了。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">打开的vscode左侧找到插件搜索你想用的插件，点击安装就<span style="color: black;">能够</span><span style="color: black;">运用</span>了。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-39fc31c31ad387ba9a3e5439cb15dacb_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>




nqkk58 发表于 3 天前

一看到楼主的气势，我就觉得楼主同在社区里灌水。
页: [1]
查看完整版本: Html介绍及工具下载