html所有标签及其属性

2019年12月26日 标签: html 网站设计


网站建设

无论您是开发人员,自学专家还是计算机专业的学生,您都想知道所有HTML标记吗?您还想知道每个标签代表什么吗?想知道如何使用带有标签的HTML创建您的网站吗?别无所求,您将在这里找到所有问题的解决方案。您将很快理解,没有比信标更简单的了,无论如何,对它们进行良好的控制势在必行。确实,通过了解  HTML中的所有标签,或者至少了解了其中的大部分标签,您才可以轻松编写任何网页。不要再等待了,很快就会发现HTML中的标签列表但是在到达那里之前,让我们先快速回顾一下HTML含义

HTML的定义(超文本标记语言)

什么是HTML在更详细地查看将根据您的需要标记每个页面的所有页面之前,让我们简要回顾一下什么是HTML(或全名超文本标记语言)。它是一种计算机语言,可让您编写和组织网页。它是一种标准化的语言,允许法国和Navarre的所有开发人员使用通用标记进行编码。

对于所有不必进行链接的用户,最后,网站不过是一组链接在一起并在同一地址发布的HTML页面。

HTML标签

要用HTML编写,需要标签。
怎么了 这些是编写HTML的基本元素。用户不一定会以与开发人员see相同的方式看到几种类型:

这是所有HTML标签的列表


    • 一级标签

    • 标头标签

    • 文字结构标签

    • 列出标签

    • 表标签

    • 表单标签

    • 切片标签

    • 通用标签

    • 通用标签的属性


一级标签

这些标记对于能够开始用HTML编码网页至关重要它们将使向各种Web浏览器指示它们是HTML页面并使标题与页面主体分离成为可能。

  • <html>-</ html>:所有网页的主要标签。

  • <head>-</ head>:页面标题

  • <body>-</ body>:页面正文

标头标签

这些标签都位于网页的标题,这是间说标签 <head>和</ HEAD>。您会注意到,当内容位于两个html标记之间时,第二个标记与第一个标记几乎相同,只是它是一个结束标记。结束标签通过在标签标题之前和下标(<)之后添加斜杠(/)来占用开始标签。就像这里的<head>是开始标签,而< / head>是结束标签。例如,某些标签被称为自动关闭的(例如图像标签(img))。

  • <link />:与样式表链接

  • <meta />:网页的元数据(字符集,关键字,也在这些标签中,我们可以找到我们已经在此Blog上讨论过meta description标签,以向您展示有关以下内容的兴趣:自然引用,即使是后者,对于我们忠实的SEO读者来说,也请记住,它们并不是Google搜索引擎的算法直接解释的…)

  • <script>-</ script>:JavaScript代码

  • <style>-</ style>:CSS代码

  • <title>-</ title>:页面标题。著名的标题标签如多次所示,请正确填写此标签。这对于自然引用非常重要!即使您目前正在考虑如何编写网站代码,无论是将来的个人网站,还是您工作的公司或协会的网站,理论上,SEO都会迅速成为一个会引起您全神贯注的主题。

文字结构标签

这些标签使您可以在页面上包含文本,图像甚至菜单的块。

  • <abbr>-</ abbr>:缩写

  • <blockquote>-</ blockquote>:长引号

  • <q>-</ q>:简短引用

  • <cite>-</ cite>:引用作品或活动的标题

  • <sub>-</ sub>:索引

  • <sup>-</ sup>:设置参展商

  • <h1>-<h6>:不同级别的标题

  • <img />:由于图像属性src  (图像的地址)和alt (替代文本)

  • <mark>-</ mark>:视觉增强(文本突出显示)

  • <strong>-</ strong>:突出显示(文本以粗体显示)

  • <em>-</ em>:低值(文本以斜体显示)

  • <figure>-</ figure>:数字(图像,代码…)

  • <figcaption>-</ figcaption>:该图的描述

  • <audio>-</ audio>:声音

  • <video>-</ video>:视频

  • <source>-</ source>:指示<audio>和<video>标签的可能格式

  • <a>-</a>:超文本链接,感谢href属性

  • <br />:换行

  • <p>-</ p>:段落

  • <hr />:水平分隔线

  • <address>-</ adresss>:联系地址

  • <del>-</ del>:已删除的文本

  • <ins>-</ ins>:插入的文本

  • <dfn>-</ dfn>:定义

  • <kbd>-</ kbd>:表示访问者必须输入的代码

  • <progress>-</ progress>:进度条

  • <time>-</ time>:日期或时间

  • <pre>-</ pre>:标签内的文本将采用代码形式

列出标签

这些标签用于创建列表(编号,项目符号等)。

  • <ul>-</ ul>:项目符号列表,未编号

  • <ol>-</ ol>:编号列表

  • <li>-</ li>:项目符号列表中的项目

  • <dl>-</ dl>:定义列表

  • <dt>-</ dt>:术语的定义

表标签 

这些标签的目的是创建具有行和列的结构化表。

  • <table>-</ table>:表格

  • <caption>-</ caption>:表格标题

  • <tr>-</ tr>:表格行

  • <th>-</ th>:标题单元格

  • <td>-</ td>:单元格

  • <thead> </ thead>:表标题的部分

  • <tbody>-</ tbody>:表格主体部分

  • <tfoot>-</ tfoot>:桌脚部分

表单标签

例如,这些标签允许您创建联系表单。

  • <form>-</ form>:分隔表单(method :表示发送表单(get或post)的方法。如果您不知道要使用什么,则将post / action 放在  访问者应该访问的页面上在验证您的表单时重定向。)

  • <fieldset>-</ fieldset>:允许您将表单的几个元素分组

  • <legend>-</ legend>:表单中组的标题

  • <label>-</ label>:表单元素的标题

  • <input />:表单字段归功于type属性

    • <textarea>-</ textarea>:多行输入区域归功于rowcols 属性(行数和列数)

  • <select>-</ select>:下拉列表

  • <option>-</ option>:下拉列表中的项目

  • <optgroup>-</ optgroup>:下拉列表中的项目组

切片标签

这些标记用于构建网站的基本元素。

  • <header>-</ header>:标题

  • <nav>-</ nav>:主导航链接

  • <footer>-</ footer>:页脚

  • <section>-</ section>:页面部分

  • <article>-</ article>:文章(自主内容)

  • <aside>-</ aside>:其他信息

通用标签

有两个通用标记:一个是内联的,另一个是块的。它们没有语义。

  • <span>-</ span>:通用内联代码

允许其他物品左右坐下。

不要调整宽度和高度。

注意左边和右边距,但不要注意顶部和底部距。

 

  • <div>-</ div>:通用块标记

强制换行。

不容忍左侧或右侧的元素。

调整宽度和高度。

尊重所有利润。

通用标签的属性

仅当您将它们与类,id或样式属性相关联时,这些标签才有意义:

  • class:指示要使用的CSS类的名称。

 

  • id:给标签起一个名字。该名称在整个页面上必须是唯一的,因为它可以标识标签。您可以将ID用于许多方面,例如,创建指向锚的链接,用于ID类型的CSS样式,用于JavaScript中的操作等。

 

  • style:此属性允许您直接编写CSS代码以应用于HTML代码。但是,最好不要使用此属性,而应使用外部样式表,因为这会使您的网站以后更容易更新。

 

测试每个标签以查看具体结果。标签是HTML的基础。当然,如果没有框架,什么也不会保留,因此网页会崩溃。没有它,你永远做不到。小心关闭标签!您将很快成为真正的HTML Web开发专业人员。然后,您只需要掌握CSS即可为HTML文件提供所需的表单。

最后一条提示:确保缩进代码以更清楚地看到,否则您将很快迷路。

» 本文链接地址:https://www.ccxcn.com/knowledge/4934.html » 转载请注明出处,谢谢。