阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      html 语法

      html 语法

      文本标记语言,即 HTML(Hypertext Markup Language),是用于描述网页文档的一种标记语言。

      一个网页对应于一个 HTML 文件,HTML 文件以。htm 或。html 为扩展名。可以使用任何能够生成 TXT 类型源文件的文本编辑来产生 HTML 文件。 超文本标记语言标准的 HTML 文件都具有一个基本的整体结构,即 HTML 文件的开头与结尾标志和 HTML 的头部与实体 2 大部分。有 3 个双标记符用于页面整体结构的确认。

      网站的HTML标签语法,可以参考 HTML标签

      HTML 基本语法

      <html>
      <head>
      <title>Document name goes here</title>
      </head>
      <body>
      Visible text goes here
      </body>
      </html>
      

      文本元素

      <p>This is a paragraph</p>
      <br> (line break)
      <hr> (horizontal rule)
      <pre>This text is preformatted</pre>
      

      链接,锚点和图像

      <a href="http://www.example.com/">This is a Link</a>
      <a href="http://www.example.com/"><img src="URL"
      alt="Alternate Text"></a>
      <a href="mailto:webmaster@example.com">Send e-mail</a>A named anchor:
      <a name="tips">Useful Tips Section</a>
      <a href="#tips">Jump to the Useful Tips Section</a>
      

      逻辑样式

      <em>This text is emphasized</em>
      <strong>This text is strong</strong>
      <code>This is some computer code</code>
      

      强调风格

      <b>This text is bold</b>
      <i>This text is italic</i>
      

      无序列表

      <ul>
      <li>First item</li>
      <li>Next item</li>
      </ul>
      

      有序列表

      <ol>
      <li>First item</li>
      <li>Next item</li>
      </ol>
      

      定义清单

      <dl>
      <dt>First term</dt>
      <dd>Definition</dd>
      <dt>Next term</dt>
      <dd>Definition</dd>
      </dl>
      

      表格

      <table border="1">
      <tr>
        <th>someheader</th>
        <th>someheader</th>
      </tr>
      <tr>
        <td>sometext</td>
        <td>sometext</td>
      </tr>
      </table>
      

      Frames

      <frameset cols="25%,75%">
        <frame src="page1.htm">
        <frame src="page2.htm">
      </frameset>
      

      表单

      <form action="http://www.example.com/test.asp" method="post/get">
      <input type="text" name="lastname"
      value="Nixon" size="30" maxlength="50">
      <input type="password">
      <input type="checkbox" checked="checked">
      <input type="radio" checked="checked">
      <input type="submit">
      <input type="reset">
      <input type="hidden">
      <select>
      <option>Apples
      <option selected>Bananas
      <option>Cherries
      </select>
      <textarea name="Comment" rows="60"
      cols="20"></textarea>
      </form>
      

      Entities

      &lt; is the same as <
      &gt; is the same as >
      &#169; is the same as ©
      

      其它元素

      <!-- This is a comment -->
      <blockquote>
      Text quoted from some source.
      </blockquote>
      <address>
      Address 1<br>
      Address 2<br>
      City<br>
      </address>
      

      更多 HTML 搜索

      通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

      你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

      注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

      如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识

      目录
      目录