Advertisement

(Java高级教程)第四章必备前端基础知识-第一节:HTML

阅读量:

文章目录

  • 一:HTML概述

    • (1)概述
    • (2)标签
    • (3)HTML基本结构
  • 二:常用标签介绍

    • (1)备注

      • (2)标题标记

      • (3)段落标记

      • (4)换行分隔

      • (5)设置格式

      • (6)插入图片

      • (7)超链接地址

      • (8)表格结构

      • (9)列表形式

      • (10)表单提交字段

        • ①:表单提交字段(form提交)
          • ②:输入字段(input类型)
          • ③:字段名称(label名称)
          • ④:下拉选择项(select类型)
          • ⑤:文本输入区域(textarea区域)
      • (11)div和span

    • 三:简单案例

      • (1)个人简历展示
      • (2)信息收集

一:HTML概述

(1)概述

HTML(即Hyper Text Markup Language)被称为超文本标记语言,在Web开发中被广泛应用于创建和管理网页内容。它支持对文本的格式化处理,并插入图片的能力使其成为网页设计的重要工具之一。通过生成链接地址和提供表单元素的输入接口等特性,在构建动态网页时表现出色。此外,在网页布局结构以及表格形式的内容管理方面也提供了强大的功能支持,并可将其保存为纯文本文件以便浏览器读取并展示

例如,下面的HTML代码用浏览器解析后显示如下

复制代码
    <!DOCTYPE html>  
    <html lang="en">  
    <head>  
    <meta charset="UTF-8">  
    <title>测试页面</title>  
      
    </head>  
    <body>  
    <h1 id="test">这是一个测试页面</h1>  
      
    </body>  
    </html>
在这里插入图片描述

(2)标签

如上代码所示,在HTML中代码是由标签构成的,例如

  • 标签通常以成对形式存在...其中</span>被视为起始标记而<span class="md-editor-katex-inline"></body></span>则为终止标记。</li> <li data-line="61">在某些情况下仅有起始标记而无终止标记的标记被称作单标记。</li> <li data-line="62">起始标记与终止标记之间的部分被称为内容。</li> <li data-line="63">起始标记中可以包含属性例如下面所示的<span class="md-editor-katex-inline">\texttt{ID}</span>属性可用于唯一标识该元素。</li> </ul> <details data-line="65" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <title>测试页面</title> <!--显示浏览器页面名称--> <title id="test">测试页面</title> <!--这一个一级标题--></span><span rn-wrapper aria-hidden="true"><span></span><span></span></span></code></pre> </details> <p data-line="71"><strong><code>HTML</code>中的标签可以分为如下三类</strong></p> <ul data-line="73"> <li data-line="73">行内标签:能够与其他元素同行排布的有:如a, span, strong, i, sub等。 <ul data-line="74"> <li data-line="74">块级标签:无法与其他组件同行排布:如div, p, li等。</li> <li data-line="75">行内块级标签:能够与其他组件同行排布的同时还支持设定高度:如textarea, input等。</li> </ul> </li> </ul> <h3 data-line="77" id="(3)HTML基本结构">(3)HTML基本结构</h3> <p data-line="79">HTML核心架构:创建一个新的<code>html</code>文件,在IDEA中打开终端窗口并输入命令!然后按下Tab键即可启动项目框架的基础构建功能!其中</p> <ul data-line="81"> <li data-line="81"><strong><code><!doctype html></code></strong>: 此标记用于明确标识文档类型为HTML5格式。</li> <li data-line="82"><strong><code><html lang="en">···</html></code></strong>: 此标记定义了HTML页面的根元标签结构……其中lang属性指定语言代码。</li> <li data-line="83"><strong><code><head>···</head></code></strong>: 此部分包含关于文档的各种元数据信息……如charset属性指定字符编码……title元标签定义了页面标题。 <ul data-line="84"> <li data-line="84"> <p data-line="84"><code><meta charset="UTF-8"></code>: 描述了页面的字符编码方式。</p> </li> <li data-line="85"> <p data-line="85"><code><title>···</title></code>: 描述了文档的标题。</p> </li> <li data-line="87"> <p data-line="87"><strong><code><body>···</body></code></strong>:包含了可见的<strong>页面内容</strong> ,也是编写<code>HTML</code>代码的主要地方</p> </li> </ul> </li> </ul> <details data-line="89" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> </body> </html></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <p data-line="106">接着,在<code><title></title></code>标签内部设置标题为"这是标题";然后,在<code><body></body></code>标记区添加如下两个标记元素,并完成保存操作后,在浏览器页面进行刷新并查看最终呈现效果。</p> <ul data-line="108"> <li data-line="108"><code><h1></h1></code>:定义一个一级标题</li> <li data-line="109"><code><p></p></code>:定义一个段落</li> </ul> <p data-line="111"><strong>效果如下</strong></p> <figure data-line="113"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/5UQn16blBuvmKOyG0xdsA9pTjzwJ.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h2 data-line="115" id="二:常用标签介绍">二:常用标签介绍</h2> <h3 data-line="117" id="(1)注释">(1)注释</h3> <p data-line="119"><strong>注释 :<code>HTML</code>中注释标签如下,注意</strong></p> <ul data-line="121"> <li data-line="121">在IDEA中使用<code>ctrl+/</code>或<code>ctrl+shift+/</code>可快速添加注释</li> </ul> <details data-line="123" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <!-- 这里面写注释 --></span><span rn-wrapper aria-hidden="true"><span></span></span></code></pre> </details> <p data-line="128"><strong>如下</strong></p> <details data-line="130" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>这是标题</title> </head> <body> <!--一级标题--> <h1>这是一级标题</h1> <!--第一个段落--> <p>这是第一个段落</p> <!--第二个段落--> <p>这是第二个段落</p> </body> </html></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="154"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/pr1BDCw7oXncMtiuxa0GAvEQLbY3.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="156" id="(2)标题">(2)标题</h3> <p data-line="158">共有六个层次的标题标记在<code>HTML</code>中。这些标记通常表示为H1到H6。值得注意的是,数值较小的编号代表较高的层级。</p> <details data-line="160" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="170"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/LRnaPjJF7dtKYlV3IZN2CrcWyiO8.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="172" id="(3)段落">(3)段落</h3> <p data-line="174">被段落标签<code><p>···</p></code>包围的文字被称为一个段落一样的结构,在Word中也是一样的情况:每个段落之间会有一个适当的间隙需要注意。</p> <details data-line="176" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <p>HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言。HTML是由Web的发明者 Tim Ber ners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,它是标准通用化标记语言SGML的应用</p> <p>用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。使用HTML, 将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,并将这些HTML文件“翻译”成可 以识别的信息,即我们所见到的网页</p> <p>自1990年以来,HTML就一直被用作万维网的信息表示语言,使用HTML描述的文件需要通过web浏览器显示出效果。HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字动画、影视等内容显示出来</p></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="185"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/gTd4bGJYzi8nMujAkcEVvaDxWql0.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="187" id="(4)换行">(4)换行</h3> <p data-line="189">在上述示例中可以看到,在<code>p</code>标签内部对文本内容进行手动换行时,并不会影响到页面的实际显示效果变化。因此,在HTML语言环境中实现文字间的换行功能,则必须使用<code><br></code>标签这一单标签形式。</p> <details data-line="191" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <p>HTML的英文全称是 Hyper Text Markup Language,即超文本标记语言<br>。HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言,<br>它是标准通用化标记语言SGML的应用</p> <p>用HTML编写的超文本文档称为HTML文档,它能独立于各种操作系统平台(如UNIX, Windows等)。<br>使用HTML, 将所需要表达的信息按某种规则写成HTML文件,通过专用的浏览器来识别,<br>并将这些HTML文件“翻译”成可 以识别的信息,即我们所见到的网页</p> <p>自1990年以来,HTML就一直被用作万维网的信息表示语言,<br>使用HTML描述的文件需要通过web浏览器显示出效 果。HTML是一种建立网页文件的语言,<br>通过标记式的指令(Tag),将影像、声音、图片、文字动画、影视等内容显示出来</p></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="200"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/ZUfeJS2PobA0QtEs7WLnX6pv8RDY.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="202" id="(5)格式化">(5)格式化</h3> <p data-line="204">在执行格式化的操作时,在Markdown语言中存在多种特定的命令和标签用于实现文本样式的变化。这些命令主要用于对文本内容进行样式调整,并通过不同的标记组合来实现字体大小、字体斜度等多种效果的变化。常见的操作包括加粗处理、字体倾斜等基本样式切换功能。</p> <details data-line="206" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <b>粗体文本</b> <code>计算机代码</code> <em>强调文本</em> <i>斜体文本</i> <kbd>键盘输入</kbd> <pre>预格式化文本</pre> <small>更小的文本</small> <strong>重要的文本</strong> <del>删除线</del> <ins>下划线</ins> <abbr> (缩写) <address> (联系信息) <bdo> (文字方向) <blockquote> (从另一个源引用的部分) <cite> (工作的名称) <del> (删除的文本) <ins> (插入的文本) <sub> (下标文本) <sup> (上标文本)</span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="230"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/OQcsYdIy6pnL5JUjhrfawqDZ207i.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="232" id="(6)图片">(6)图片</h3> <p data-line="234">这是一个单标签图片标签<code>img</code>用于显示由属性<code>src</code>所指定的文件或位置信息(包括本地文件和网络资源)</p> <p data-line="236">在指定HTML文件的同一个目录中添加一张图片dog.png,并通过img标签来呈现这张图片。</p> <details data-line="238" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <img src="./dog.png"></span><span rn-wrapper aria-hidden="true"><span></span></span></code></pre> </details> <figure data-line="243"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/FiXHaJubSTAvxULzslPn9850ypeV.png" alt="在这里插入图片描述" class="md-zoom"></figure> <p data-line="245"><strong><code>img</code>标签还有其他属性也比较常用</strong></p> <ul data-line="247"> <li data-line="247"><code>alt</code>:无法正常显示图像时的替代文字。</li> <li data-line="248"><code>title</code>:悬停鼠标时的提示信息。</li> <li data-line="249"><code>width/height</code>:尺寸设置(通常仅调整宽度或高度中的一个)。</li> <li data-line="250"><code>border</code>:边框样式。</li> </ul> <details data-line="252" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <img src="./dog.png", title="这是很多狗", width="200"> <br> <!-- cat.png图片并不存在 --> <img src="./cat.png" alt="图片未正常显示"></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="260"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/iKvzfX3IZ65DcRVmrAWYFgdTQ2ML.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="262" id="(7)超链接">(7)超链接</h3> <p data-line="264">在HTML中,超链接使用标签<code>a</code>来实现指向外部资源(如网站)的功能;其中路径属性由<code>href</code>字段指定。</p> <details data-line="266" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <p>链接到本人博客首页</p> <a href="">快乐江湖博客首页</a> <p>点击图片跳转至百度首页</p> <a href="http://www.baidu.com"><img src="./dog.png" alt="狗"></a></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="274"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/djztS2yP1meYXEsUbaCW5xDuiKF8.png" alt="在这里插入图片描述" class="md-zoom"></figure> <details data-line="276" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <a href="#one">跳转至one</a> <a href="#two">跳转至two</a> <a href="#three">跳转至three</a> <p id="one"> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> </p> <p id="two"></p> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> <p id="three"></p> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br> 测试测试<br></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <p data-line="321">此外,在网页中使用带有<a>标签的元素时</p> <figure data-line="323"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/P6IB5TtO7NA1FVC2vkbqYzhaXQDM.gif" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="325" id="(8)表格">(8)表格</h3> <p data-line="327"><strong>表格 :表格并不是一个标签而是一组标签,如下</strong></p> <ul data-line="329"> <li data-line="329"><strong>table</strong>:整个表格内容</li> <li data-line="330"><strong>tr</strong>:每一行</li> <li data-line="331"><strong>th</strong>:表头单元格(默认居中并加粗显示)</li> <li data-line="332"><strong>thead</strong>:涵盖范围比<strong>th</strong>区域更大的主要标题部分</li> <li data-line="333"><strong>tbody</strong>:主要数据填充区域</li> </ul> <p data-line="335"><strong>如下,快速搭建一个简单的表格</strong></p> <details data-line="337" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <table> <tr> <th>姓名</th> <th>编号</th> </tr> <tr> <th>李四</th> <th>0001</th> </tr> <tr> <th>王五</th> <th>00002</th> </tr> <tr> <th>赵六</th> <th>00003</th> </tr> </table></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="359"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/75qXkafhxMS6sHyuUOIWP0pRLwj4.png" alt="在这里插入图片描述" class="md-zoom"></figure> <p data-line="361"><strong>关于表格的属性设置都要放在<code>table</code>标签中,其中</strong></p> <ul data-line="363"> <li data-line="363"><strong><code>align</code></strong> :表单元格相对于周围元素的排列布局(特别说明此属性不涉及单元格内部的间距设置),例如通过使用如<code>align=center</code>等值进行配置。</li> <li data-line="364"><strong><code>border</code></strong> :该属性指定表单元格边框宽度(空字符串表明无边框设置)。</li> <li data-line="365"><strong>`cellpadding</strong> :此属性定义表单元格内内容与周边边框之间的间距(默认值为1像素)。</li> <li data-line="366"><strong>`cellspacing</strong> :相邻单元格之间的垂直间距设置(默认值为2像素)。</li> <li data-line="367"><strong>width/height</strong> :此属性允许指定宽度或高度值以控制表显示的具体范围(单位均为像素)。</li> </ul> <figure data-line="369"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/xUTuGps7beVKBtO4j3oPdc2zR0kF.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="371" id="(9)列表">(9)列表</h3> <p data-line="373"><strong>列表 :列表标签有如下三种</strong></p> <ul data-line="375"> <li data-line="375"><strong><code>ul</code>和<code>li</code></strong>:无序列表</li> <li data-line="376"><strong><code>ol</code>和<code>li</code></strong>:有序列表</li> <li data-line="377"><strong><code>dl/dt/dt</code></strong> :自定义列表</li> </ul> <p data-line="379"><strong>注意</strong></p> <ul data-line="381"> <li data-line="381">各元素间为平等关系 <ul data-line="382"> <li data-line="382">在HTML层次结构中,仅允许将< li >标签嵌入于< ul >和< ol >内部</li> <li data-line="383">在多语言文档格式中,默认仅支持< dt >和< dd >两种类型</li> <li data-line="384">嵌套于列表项中的元素可包含其他任何形式的标记内容</li> </ul> </li> </ul> <details data-line="386" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <h4>无序列表</h4> <ul> <li>苹果</li> <li>荔枝</li> <li>香蕉</li> </ul> <h4>有序列表</h4> <ol> <li>把冰箱门打开</li> <li>把大象放进去</li> <li>把冰箱门关闭</li> </ol> <h4>自定义列表</h4> <dl> <dt>这是自定义列表</dt> <dd>中国</dd> <dd>美国</dd> <dd>俄罗斯</dd> </dl></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="412"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/d67TUSkqnvNIafbJrZpcm9R5h0jB.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="414" id="(10)表单">(10)表单</h3> <p data-line="416"><strong>表单 :表单标签<code>form</code>用来接受用户的输入信息,分为以下两个部分</strong></p> <ul data-line="418"> <li data-line="418"><strong>表单域</strong>:主要关注的是<code>form</code>标签所定义的区域及其相关功能 <ul data-line="419"> <li data-line="419"><strong>表单控件</strong>:涵盖常见的输入字段及其相关组件(如选择框、文本框等),重点在于<code>input</code>标签的应用场景</li> </ul> </li> </ul> <h4 data-line="421" id="①:form标签">①:form标签</h4> <p data-line="423"><code>form</code>标签 表明了该程序如何将数据传递至指定页面的具体方式。详细信息需要在掌握相关技术之后才能呈现出来。</p> <details data-line="425" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <form action="test.html"> ...[form的内容] </form></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span></span></code></pre> </details> <h4 data-line="432" id="②:input标签">②:input标签</h4> <p data-line="434">此标签:此标签用于标识多种多样的输入控件。具体来说,通过指定其 <code>type</code> 属性来实现.</p> <p data-line="436">代码块标记:主操作按钮<br> 复选框标记:复选框控制<br> 文本块标记:编辑文本区域<br> 文件选择器标记:文件选择对话框<br> 图像块标记:插入图片位置<br> 密码字段标记:密码输入框<br> 单选块标记:单选选项控制<br> 提交按钮标记:提交操作入口</p> <p data-line="445"><strong>另外<code>input</code>标签还有其他属性</strong></p> <p data-line="447">指定input标签的名称;若要实现单选按钮各项互斥,则需确保各选项拥有相同的name属性。<br> <span class="md-editor-katex-inline">...</span>表示该元素所具有的预设值。<br> 表示该元素初始状态为已选中。<br> 指定输入字段的最大字符数量。</p> <figure data-line="452"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/Jqdbx3FYjMyDVTQnGaikuIweW8Ps.png" alt="在这里插入图片描述" class="md-zoom"></figure> <p data-line="454"><strong>示例如下</strong></p> <details data-line="456" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <!--文本框--> 文本框:<input type="text"> <!--密码框--> <br> <br> 密码框:<input type="password"> <!--单选框--> <br> <br> 单选框:<input type="radio" name="sex">男 <input type="radio" name="sex" checked="checked">女 <!--复选框--> <br> <br> 复选框:<input type="checkbox">苹果 <input type="checkbox">香蕉 <input type="checkbox">荔枝 <!--按钮--> <br> <br> 按钮:<input type="button" value="这是按钮" onclick="alert('通过js显示消息')"> <!--提交--> <br> <br> 提交:<input type="submit" value="提交按钮需要搭配form使用"> <!--文件选择--> <br> <br> 选择文件:<input type="file"></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="487"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/HGikdf2pVFO4NLzohvqYe0x8XRIJ.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h4 data-line="489" id="③:label标签">③:label标签</h4> <p data-line="491"><code>label</code>标签 :在单选或多选场景下,某些选择框设计过于紧凑可能导致用户难以精准点击选项。因此,通过将<code>label</code>标签与<code>input</code>标签结合使用,在用户点击选项文字时实现对选项的选择功能。</p> <details data-line="493" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <input id="male" type="radio" name="sex" checked="checked"> <label for="male">男</label> <br> <input id="female" type="radio" name="sex"> <label for="female">女</label></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="500"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/3BtqxjYP2KyenQbpm6ScC9gLlzMk.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h4 data-line="502" id="④:select标签">④:select标签</h4> <p data-line="504"><strong><code>select</code>标签 :表示下拉菜单,每一个选项都是一个<code>optional</code>标签</strong></p> <details data-line="506" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <select> <option>北京</option> <option>深圳</option> <option selected="selected">上海</option> <!--selected表示默认选中--> <option>南京</option> <option>广州</option> </select></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="517"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/bLhkN9s45EIgdxT83rZHQfRlmDCS.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h4 data-line="519" id="⑤:textarea标签">⑤:textarea标签</h4> <p data-line="521">该<code>textarea</code>标签用于支持多行文本输入的功能,在常见的网站留言板系统中普遍采用了这种方法。其中rows和cols属性分别指定文本框所拥有的行数和列数</p> <details data-line="523" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <textarea cols="30" rows="10"></textarea></span><span rn-wrapper aria-hidden="true"><span></span></span></code></pre> </details> <figure data-line="528"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/gcb5OTNkPiEoe2H9dZ7tMR6Sv4hQ.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="530" id="(11)div和span">(11)div和<a href="">span</a></h3> <p data-line="532"><strong><code>div</code>和<code>span</code>:<code>div</code> 和 <code>span</code> 是没有语义的,是我们网页布局主要的量两个盒子</strong></p> <ul data-line="534"> <li data-line="534"><strong><code>div</code></strong> 是一个基本类型的<strong>流输出元素</strong>容器,在不依赖于CSS技术的情况下不会影响其显示的内容或布局安排</li> <li data-line="535">**<code>span</code>元素作为短语内容的主要容器,在设计时没有额外的功能</li> </ul> <p data-line="537"><strong>使用场景如下</strong></p> <ul data-line="539"> <li data-line="539">div 元素在语义上象征性地不对应于任何特定内容类型。</li> <li data-line="540">div 标签可被用于对内容进行组织。</li> <li data-line="541">div 标签可被用于标识区分不同语言的内容段落,并利用 lang 属性来实现这一点。</li> <li data-line="542">div 标签应在不存在其他适用语义标记的情况下被采用。</li> <li data-line="543">span 标签可被用于归集具有相同属性或目标样式效果的所有元素。</li> <li data-line="544">span 标签应在不存在其他适用的语义标记的情况下被采用。</li> </ul> <p data-line="546"><strong>总之</strong></p> <ul data-line="548"> <li data-line="548">div标签是用来布局的;然而现在仅限于一段落内仅能放置一个div元素。</li> <li data-line="549">div类型的元素必须完整书写其起始与结束标记。</li> <li data-line="550">span元素同样用于布局排版;在一个段落内可放置多个这样的元素。</li> <li data-line="551">span类型的标记也必须完整无误地进行书写。</li> </ul> <details data-line="553" class="md-editor-code" open=""> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <div> <span>咬人猫</span> <span>咬人猫</span> <span>咬人猫</span> </div> <div> <span>兔总裁</span> <span>兔总裁</span> <span>兔总裁</span> </div> <div> <span>阿叶君</span> <span>阿叶君</span> <span>阿叶君</span> </div></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="572"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/doX7hKsOtW9UgCZSuyYVMpwAE6PN.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h2 data-line="574" id="三:简单案例">三:简单案例</h2> <h3 data-line="576" id="(1)个人简历展示">(1)个人简历展示</h3> <details data-line="578" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> ``````html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>简历展示</title> </head> <body> <h1>姓名:王多鱼</h1> <img src="./dog.png" width="280"> <!--基本信息--> <div> <h2>基本信息</h2> <p><span>求职意向:</span>Java开发工程师</p> <p><span>联系电话:</span>×××-××××-××××</p> <p><span>邮箱地址:</span>wangduoyu@163.com</p> <p><a href="https://www.github.com">我的github</a></p> <p><a href="">我的博客</a></p> </div> <!--教育背景--> <div> <h2>教育背景</h2> <ul> <li>1990-1996:清华大学附属幼儿园</li> <li>1996-2002:清华大学附属小学</li> <li>2002-2008:清华大学附属中学</li> <li>2008-2012:清华大学计算机科学与技术(本科)</li> <li>2012-2015:清华大学计算机科学与技术(硕士)</li> </ul> </div> <!--专业技能--> <div> <h2>专业技能</h2> <ul> <li>熟练掌握Java基础, Java WEB基础,具备面向对象思想;</li> <li>熟练掌握HTML/XHTML、 CSS、JavaScript、 AJAX、JSON 等Web页面技术</li> <li>熟练使用MYSQL数据库,熟练使用SQL</li> <li>熟悉Tomcat服务器,熟悉Linux操作系统</li> <li>做事认真细心,责任心和服务意识强,积极诚恳</li> <li>具有团队精神 ,可以很好的与团队沟通 ,有学习热情 。</li> </ul> </div> <!--本人项目--> <div> <h2>本人项目</h2> <ol> <li> <h3>大型购物商城系统</h3> <p><b>开发时间:</b>2016年9月-2017年5月</p> <p><b>特色功能:</b> <ul> <li>非常牛逼</li> <li>非常牛逼</li> <li>非常牛逼</li> </ul> </p> <p><b>关键技术:</b> <ul> <li>保密保密</li> <li>保密保密</li> <li>保密保密</li> </ul> </li> <li> <h3>在线学习助手</h3> <p><b>开发时间:</b>2017年9月-2018年3月</p> <p><b>特色功能:</b> <ul> <li>非常牛逼</li> <li>非常牛逼</li> <li>非常牛逼</li> </ul> </p> <p><b>关键技术:</b> <ul> <li>保密保密</li> <li>保密保密</li> <li>保密保密</li> </ul> </li> </ol> </div> <!--个人评价--> <div> <h2>个人评价</h2> <p>本人性格开朗、稳重、有活力,待人热情、真诚。工作认真负责,积极主动,能吃苦耐劳。自信心强。思想活跃。<br> 有较强的组织能力、实践动手能力和团队协作精神,能迅速的适应各种环境,并融于其中。</p> </div> </body> </html></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="680"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/W2XDAMzbwiy6eGKEfUaPSBm0Ip1s.png" alt="在这里插入图片描述" class="md-zoom"></figure> <h3 data-line="682" id="(2)信息收集">(2)信息收集</h3> <details data-line="684" class="md-editor-code"> <summary class="md-editor-code-head"> <div class="md-editor-code-flag"><span></span><span></span><span></span></div> <div class="md-editor-code-action"> <span class="md-editor-code-lang"></span> <span class="md-editor-copy-button" data-tips="复制代码">复制代码</span> <span class="md-editor-collapse-tips"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-chevron-left md-editor-icon"><circle cx="12" cy="12" r="10"/><path d="m14 16-4-4 4-4"/></svg></span> </div> </summary> <pre><code class="language-" language=><span class="md-editor-code-block"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>信息收集</title> </head> <body> <h2>请填写你的信息</h2> <table> <tr> <td><b>姓名:</b></td> <td> <input type="text"> </td> </tr> <tr> <td><b>性别:</b></td> <td> <input type="radio" id="male" name="sex"> <label for="male"><img src="男.png">男</label> <input type="radio" id="female" name="sex"> <label for="female"><img src="女.png">女</label> </td> </tr> <tr> <td><b>出生日期:</b></td> <td> <select> <option>---请选择年份---</option> <option>1991</option> <option>1992</option> <option>1993</option> <option>1994</option> <option>1995</option> <option>1996</option> <option>1997</option> <option>1998</option> </select> <select> <option>---请选择月份---</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </td> </tr> <tr> <td><b>毕业院校:</b></td> <td> <input type="text"> </td> </tr> <tr> <td><b>应聘岗位</b></td> <td> <input type="checkbox" id="frontend"><label for="frontend">前端开发</label> <input type="checkbox" id="backend"><label for="backend">后端开发</label> <input type="checkbox" id="test"><label for="test">测试开发</label> <input type="checkbox" id="develeop"><label for="develeop">运维开发</label> </td> </tr> <tr> <td><b>掌握技能</b></td> <td> <textarea cols="50" rows="15"></textarea> </td> </tr> <tr> <td><b>项目经历</b></td> <td> <textarea cols="50" rows="15"></textarea> </td> </tr> <tr> <td></td> <td> <input type="checkbox" id="notice"><label for="notice">我已经详细阅读招聘细则</label> </td> </tr> <tr> <td></td> <td> <a href="#">查看我的状态</a> </td> </tr> <tr> <td></td> <td> <h3>请您确认</h3> <ul> <li>以上信息真实有效</li> <li>可以尽早到公司实习</li> <li>服从公司一切安排</li> <li>自愿加班</li> </ul> </td> </tr> <tr> <td><b>点击提交信息</b></td> <td> <input type="submit" value="确认提交" width="200" height="200"> </td> </tr> </table> </body> </html></span><span rn-wrapper aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span></span></code></pre> </details> <figure data-line="801"><img src="https://ad.itadn.com/c/weblog/blog-img/images/2024-12-15/v7aEO4UKkzZG2eMLpbfqoFc8W6XV.png" alt="在这里插入图片描述" class="md-zoom"></figure> </div></div><!----><!--]--></div><!--[--><div class="flex justify-center items-center mt-14 mb-7 text-gray-500 relative"><h2> 全部评论 (<span>0</span>) </h2></div><div class="w-full px-5 py-10 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700"><!----><div class="flex items-center mt-10 mb-5 justify-center text-gray-400"> 还没有任何评论哟~ </div></div><!--]--><div class="related-articles" data-v-d902f1f8><h3 class="related-title" data-v-d902f1f8>相关文章推荐</h3><div class="article-grid" data-v-d902f1f8><!--[--><a href="https://itadn.com/i0_57705646913/204667" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第一节:HTML</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:HTML概述 (1)概述 (2)标签 (3)HTML基本结构 二:常用标签介绍 (1)注释 (2)标题 (3)段落 (4)换行 (5)格式化 (6)图片 (7)超链接 (8)表格 (9)...</p></div></a><a href="https://itadn.com/i0_49692726719/204670" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第二节2:CSS属性</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:CSS属性一览表 二:常用属性详解 (1)字体属性 (2)文本属性 (3)背景属性 一:CSS属性一览表 W3C:元素属性 A: aligncontent规定弹性容器内的行之间的对齐方式...</p></div></a><a href="https://itadn.com/i0_93309593166/204675" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第三节3:JavaScript之DOM和BOM</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:WebAPI概述 二:DOM (1)获取元素 (2)事件 (3)操作元素 A:获取(修改)元素内容 B:获取(修改)元素属性 C:获取(修改)表单元素属性 D:获取(修改)样式属性 (4...</p></div></a><a href="https://itadn.com/i0_10588489138/204672" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第三节1:JavaScript简介和基础语法</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:JavaScript简介 (1)JavaScript概述 (2)JavaScript特点 (3)JavaScript运行过程 (4)JavaScript组成 (5)JavaScript的...</p></div></a><a href="https://itadn.com/i0_59260636090/204668" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第二节1:CSS概述和选择器</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:CSS概述 (1)概述 (2)语法规范 (3)CSS引入方式 二:选择器 (1)基础选择器 ①:标签选择器 ②:类选择器 ③:id选择器 ④:通配符选择器 总结 (2)复合选择器 ①:后...</p></div></a><a href="https://itadn.com/i0_98738412870/204671" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第二节3:CSS盒模型和浮动</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:盒模型 (1)border (2)padding (3)margin 二:flex布局 一:盒模型 盒模型:在HTML中,每个标签(或元素)相当于是一个盒子,这个盒子由以下四个部分构成 ...</p></div></a><a href="https://itadn.com/i0_72014177283/204674" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端基础知识-第三节2:JavaScript数组、函数和对象</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:数组 二:函数 三:对象 一:数组 数组:JavaScript中的数组和Java中的ArrayList有点相似,可以动态扩容,并且由于它是动态类型的语言,所以数组内的元素类型不要求一定是...</p></div></a><a href="https://itadn.com/i0_25826145751/204676" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第四章必备前端知识-最终节:博客系统搭建(页面设计部分)</h4></div><p class="card-description" data-v-d902f1f8>文章目录 一:博客列表页 二:博客详情页 三:博客登录页 四:博客编辑页 本节我们实现一个博客系统作为对前端部分的总结,实现效果比较简陋,但主要目的还是为了和后面的后端部分进行配合,相关代码已打包,请...</p></div></a><a href="https://itadn.com/i0_25690843208/204650" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>(Java高级教程)第一章Java多线程基础-第二节:Thread类</h4></div><p class="card-description" data-v-d902f1f8>文章目录 (1)Thread类常见构造方法 (2)Thread类常见属性 (3)获取当前线程引用 (4)线程的启动、中断、等待和休眠 A:线程启动 B:线程中断 ①:通过共享标志中断 ②:通过inte...</p></div></a><a href="https://itadn.com/i0_37906702102/995463" class="article-card" data-v-d902f1f8><div class="card-content" data-v-d902f1f8><div class="card-header" data-v-d902f1f8><h4 class="card-title" data-v-d902f1f8>《C++高级进阶教程》第一章 C++基础知识</h4></div><p class="card-description" data-v-d902f1f8>目录 1.2文字常量和常变量 1.3const的用法 1.4constcast的用法 1.5mutable的用法 1.6求余运算符 1.7sizeof运算符 1.8引用与指针常量 1.9左值 1.11...</p></div></a><!--]--></div></div></div><aside class="w-full md:w-[17%] lg:w-[17%] order-3 md:order-none" style="position:relative;z-index:5;" data-v-d902f1f8><div data-v-d902f1f8><!--[--><div class="gradient-bg w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div class="flex items-center justify-between" data-v-b007e0bf><div class="text-red-600 font-bold" data-v-b007e0bf>未开通会员</div><button class="px-4 py-2 text-yellow-300 font-bold bg-black rounded-full" data-v-b007e0bf> 开通会员 </button></div><p class="mt-2 text-gray-600" data-v-b007e0bf>会员专享资源、会员博客等服务</p></div><div class="w-full py-5 px-2 mb-3 bg-white border border-gray-200 rounded-lg dark:bg-gray-800 dark:border-gray-700" data-v-b007e0bf><div data-v-b007e0bf><div class="flex flex-col items-center" data-v-b007e0bf><div class="relative mb-4 mt-6" data-v-b007e0bf><button class="px-4 py-2 rounded" data-v-b007e0bf>点击登录</button></div><div class="flex justify-center gap-5 mb-2 dark:text-gray-400" data-v-b007e0bf><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 下载历史 </button></div><div class="flex items-center flex-col gap-1 hover:text-sky-600 hover:scale-110 cursor-pointer" data-v-b007e0bf><button class="text-sm" style="width:80px;height:35px;border:1px solid #c9c9c9;background-color:#fff;color:#555;" data-v-b007e0bf> 积分购买 </button></div></div></div></div></div><!--]--></div><!----></aside><div class="w-full md:w-[18%] lg:w-[18%] order-3 md:order-none" data-v-d902f1f8></div></div></div></div></main><span data-v-d902f1f8></span></div><footer class="bg-white mt-5 dark:bg-gray-800 text-right" data-v-d902f1f8><div class="w-full mx-auto max-w-screen-xl py-1 px-4"><span class="text-sm text-gray-500 sm:text-center dark:text-gray-400 w-full mb-2 md:mb-0"><a href="https://d.itadn.com/contact" class="hover:underline mr-12">免责声明</a></span></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end items-center"><a href="https://beian.miit.gov.cn" class="flex items-center"><img src="https://itadn.com/_nuxt/police.DzUIhgta.png" alt="备案号图标" class="h-4 w-4 mr-2"><span class="text-sm font-medium text-gray-500 dark:text-gray-400 hover:underline"> 鲁ICP备2023021068号-1 </span></a></div><div class="w-full mx-auto max-w-screen-xl py-1 px-4 flex justify-end"><span class="text-sm text-gray-500 dark:text-gray-400"> © 2024 <a href="https://www.itadn.com/" class="hover:underline">技术社区</a> .All Rights Reserved. </span></div></footer><!--]--></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":68,"once":78,"_errors":79,"serverRendered":5,"path":81},["ShallowReactive",3],{"$f6NxBEPbzOAq4JP9GL1YQpAUFFevd3Ff7xCy-EvVx-UE":4,"$f0M40C0Gmcj4GWuIXZngWxBirx4SQWrDlQ91kZwPtb4E":15},{"success":5,"message":6,"errorCode":6,"data":7},true,null,{"current":8,"size":9,"id":10,"flag":6,"username":6,"q":6,"t":11,"title":12,"content":13,"readNum":6,"listId":6,"vipFree":14,"summary":6,"status":8},1,10,204667,"a","(Java高级教程)第四章必备前端基础知识-第一节:HTML","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",2,{"success":5,"message":6,"errorCode":6,"data":16,"total":67,"size":9,"current":8,"pages":9},[17,21,26,31,36,41,46,51,56,61],{"id":10,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":12,"seenum":6,"description":19,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":20},33980,"文章目录 一:HTML概述 (1)概述 (2)标签 (3)HTML基本结构 二:常用标签介绍 (1)注释 (2)标题 (3)段落 (4)换行 (5)格式化 (6)图片 (7)超链接 (8)表格 (9)列表 (10)表单 ①:form标签 ②:input标签 ③:label标签 ④:select标签 ","i0_57705646913",{"id":22,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":23,"seenum":6,"description":24,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":25},204670,"(Java高级教程)第四章必备前端基础知识-第二节2:CSS属性","文章目录 一:CSS属性一览表 二:常用属性详解 (1)字体属性 (2)文本属性 (3)背景属性 一:CSS属性一览表 W3C:元素属性 A: aligncontent规定弹性容器内的行之间的对齐方式,当项目不使用所有可用空间时。 alignitems规定弹性容器内项目的对齐方式。","i0_49692726719",{"id":27,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":28,"seenum":6,"description":29,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":30},204675,"(Java高级教程)第四章必备前端基础知识-第三节3:JavaScript之DOM和BOM","文章目录 一:WebAPI概述 二:DOM (1)获取元素 (2)事件 (3)操作元素 A:获取(修改)元素内容 B:获取(修改)元素属性 C:获取(修改)表单元素属性 D:获取(修改)样式属性 (4)操作节点 A:新增节点 B:删除节点 三:Js小案例 (1)猜数字 (2)表白墙 一:WebAPI","i0_93309593166",{"id":32,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":33,"seenum":6,"description":34,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":35},204672,"(Java高级教程)第四章必备前端基础知识-第三节1:JavaScript简介和基础语法","文章目录 一:JavaScript简介 (1)JavaScript概述 (2)JavaScript特点 (3)JavaScript运行过程 (4)JavaScript组成 (5)JavaScript的引入方式和基本使用 (6)JavaScript的注释 (7)JavaScript的输出 ①:弹窗输出","i0_10588489138",{"id":37,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":38,"seenum":6,"description":39,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":40},204668,"(Java高级教程)第四章必备前端基础知识-第二节1:CSS概述和选择器","文章目录 一:CSS概述 (1)概述 (2)语法规范 (3)CSS引入方式 二:选择器 (1)基础选择器 ①:标签选择器 ②:类选择器 ③:id选择器 ④:通配符选择器 总结 (2)复合选择器 ①:后代选择器 ②:子选择器 ③:并集选择器 ④:伪类选择器 总结 一:CSS概述 (1)概述 CSS(C","i0_59260636090",{"id":42,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":43,"seenum":6,"description":44,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":45},204671,"(Java高级教程)第四章必备前端基础知识-第二节3:CSS盒模型和浮动","文章目录 一:盒模型 (1)border (2)padding (3)margin 二:flex布局 一:盒模型 盒模型:在HTML中,每个标签(或元素)相当于是一个盒子,这个盒子由以下四个部分构成 边框border 内容content 内边距padding 外边距margin (1)border ","i0_98738412870",{"id":47,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":48,"seenum":6,"description":49,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":50},204674,"(Java高级教程)第四章必备前端基础知识-第三节2:JavaScript数组、函数和对象","文章目录 一:数组 二:函数 三:对象 一:数组 数组:JavaScript中的数组和Java中的ArrayList有点相似,可以动态扩容,并且由于它是动态类型的语言,所以数组内的元素类型不要求一定是相同的 创建数组: //创建数组方式1(不常用) vararr1=newArray; //创建数组方","i0_72014177283",{"id":52,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":53,"seenum":6,"description":54,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":55},204676,"(Java高级教程)第四章必备前端知识-最终节:博客系统搭建(页面设计部分)","文章目录 一:博客列表页 二:博客详情页 三:博客登录页 四:博客编辑页 本节我们实现一个博客系统作为对前端部分的总结,实现效果比较简陋,但主要目的还是为了和后面的后端部分进行配合,相关代码已打包,请点击下方链接下载 [点击下载] 整个博客页面分为如下四个部分 博客列表页:以摘要的方式展示所有的博文","i0_25826145751",{"id":57,"url":6,"listId":18,"cover":6,"q":6,"t":6,"title":58,"seenum":6,"description":59,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":60},204650,"(Java高级教程)第一章Java多线程基础-第二节:Thread类","文章目录 (1)Thread类常见构造方法 (2)Thread类常见属性 (3)获取当前线程引用 (4)线程的启动、中断、等待和休眠 A:线程启动 B:线程中断 ①:通过共享标志中断 ②:通过interrupt方法中断 C:线程等待 D:线程休眠 (1)Thread类常见构造方法 Thread类常见","i0_25690843208",{"id":62,"url":6,"listId":63,"cover":6,"q":6,"t":6,"title":64,"seenum":6,"description":65,"uploadDate":6,"sourceid":6,"status":6,"flag":6,"content":6,"foreignKey":6,"digs":6,"username":66},995463,0,"《C++高级进阶教程》第一章 C++基础知识","目录 1.2文字常量和常变量 1.3const的用法 1.4constcast的用法 1.5mutable的用法 1.6求余运算符 1.7sizeof运算符 1.8引用与指针常量 1.9左值 1.11volatile用法 1.12typedef用法 1.13字符串 1.14什么是链式操作 1.15关","i0_37906702102",100,["Reactive",69],{"$ssite-config":70},{"_priority":71,"env":75,"name":76,"url":77},{"name":72,"env":73,"url":74},-10,-15,-4,"production","nuxt-app","http://itadn.com/",["Set"],["ShallowReactive",80],{"$f6NxBEPbzOAq4JP9GL1YQpAUFFevd3Ff7xCy-EvVx-UE":6,"$f0M40C0Gmcj4GWuIXZngWxBirx4SQWrDlQ91kZwPtb4E":6},"/i0_57705646913/204667"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{baseURL:"https://itadn.com"},app:{baseURL:"/",buildId:"28267351-07e4-4a4a-a3a4-3d090537eea6",buildAssetsDir:"/_nuxt/",cdnURL:"https://itadn.com"}}</script></body></html>