【HTML】在短时间内收购!标签“主要标签列表”的基本知识

嗨,我是一个sk。

这一次,我写了一篇关于在短时间内有关于HTML标签的基本知识的文章。

首先,它首先以HTML开头,我们将解释基于标签的基本知识和角色的同时重要的标签很重要。

[对于初学者]仔细解释如何编写CSS(样式表)

什么是html.

超文本标记语言(超文本标记语言)是超文本标记语言的缩写,是创建网页最基本的标记语言之一。

有了,网页基本上将从HTML生成。

有许多类型的HTML,但“HTML5”当前是主流的。我们将继续谈谈“HTML5”。

我会看看如何立即让它。

基于网页

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>タイトルを入力します</title>
</head>
<body>

</body>
</html>

基本上,网页用这种结构产生。

<!DOCTYPE HTML>

doctype声明

doctype声明是一个声明语句,即“将在此文件中描述HTML句子”。还可以通过更改此部分来更改HTML版本。

<html lang="ja">

指定整个页面的语言

在写作日语时,“HTML Lang =”ja”」と記述します。

其他可能性使用其他可能性是“html lang =”en”它被认为是创建英语的网页。

在指定此语言时,要注意的要点取决于该网页的基本语言。 “郎=”ja”这并不意味着您不应该使用字母表。

<html><head><body>

页面的基本元素
我将在此代码期间自己写代码。 “头部”和“身体”之间的差异是观众在查看网页时是否可以看到的差异。
编写代码无法在“head”中显示图像。相反,在“body”中,即使您描述了页面的“字符代码”,您也无需查看查看器。

决定写下什么。所引入的所谓的HTML标签将在“body”中描述。

<meta charset="UTF-8">

设置字符代码
关键字“字符代码”之前出现,但这就是这里。
有时浏览网页,存在乱码发生的网页。原因是此字符代码。
什么是字符代码......

将字符作为计算机内部的二进制进程表示字符的术语。

字符代码– IT用語辞典e-Words
有关更多信息,请参阅此链接。

<title>ページタイトル</title>

页面上的标题
总有一个“标题”,即网站的牌。使用浏览器打开网页时,它将在选项卡上表示。它是由此“标题”标记括起来的标题。

世界上最重要的网站名称是“无标题网站”。这是因为新文件是新创建并保存的,而没有标题并上传。

每个人都有名字,并在使用HTML制作网页时保存它。

除了这个

<link rel="" href="">

別ページとの関係を示す
还有这样的标签。

标签的“角色”和“角色”

标签配置有规则。

about_tag_02_lite.

以这种方式围绕的单词放在“开始标签”和“结束标签”上。
在标签中,没有退出标签/不必要的。您还可以指定更详细的指令或角色,指定标记中所谓的“属性”。

<h1>囲む要素</h1>

上面的一行称为HTML元素。
这次

因为我被包围了“Aichi一个元素”它被称为。

网页配置有多个HTML元素嵌套。

将这些良好的合并创建一个网页。

语义

HTML有一个版本。
它是当前主流的HTML5。

以前的版本为4.0.1。在这些更改中,已经添加了一些标记到传统的语义含义,并已添加和定义。
语义是通过在文本和信息数据中进行特殊含义来正确地识别Web浏览器或计算机。

作为语义意识的感觉感,它是在搜索时识别要正确显示的必要文本。通过意识到语义,它还连接到网页和博客上的用户。

文本相关的标签

H1,H2,H3,H4,H5,H6

此标记用于表示标题的文本。
如果文本是标题,则将被较小的数字少。
基本上,“H1”标签很常用于一个网页中的一个。
如果你对标题进行了很多重要性,它不是在语义上的好处。

例子)

<h1>ブログの記事の見出し</h1>

p

用于意味着段落的文本。

当您有一段句子时务必使用。

例子)

<p>今日はいい天気です。</p>

b

当您想要注意此标记中括起来的文本时,用户被标记。

我在这个博客中继续博主10年博客专业人士是。

b您可以通过将其封闭标签来使其成为如上一球。

em.

它是要用于要强调的文本的标签,并对内容至关重要的信息。
计算机被识别为“强调陈述”。

例子)

<em>強調したい。さらに、強調したい。</em>

强的

该标签用于应该强调的内容。在成为HTML5之后,已经增加了“通过使用堆叠增加更重要的重要性”的含义。
通过使用它,它可以用于区分内容重要性的相对水平。

例子)

<strong>強調したい、<strong>さらにもっと強調したい。</strong></strong>

列出相关的标签

ul,ol,li

当放置的列表没有诸如数字的数字时,使用“UL”。
当您想要将数字含义到放置列表时,使用“ol”。
“li”表示列表中的项目。 “UL”和“OL”必须始终包含一个或多个“LI”标签。
通过这样做,它第一次充当列表标记。

例子)

<ul>
     <li>項目A</li>
     <li>項目B</li>
     <li>項目C</li>
</ul>

例子)

<ol>
     <li>1つ目の項目</li>
     <li>2つ目の項目</li>
     <li>2つ目の項目</li>
</ol>

表相关标签

表,tr,th,td

当您想显示文本时使用。
作为基本结构,“表”和“TR”将被“TH”和“TD”包围。
“th”称为标题单元格。在公共Web浏览器中,居中居中和显示下单元的内容的内容。

例子)

<table>
     <tr>
          <th>見出しセルA</th>
          <th>見出しセルB</th>
          <th>見出しセルC</th>
     </tr>
     <tr>
          <td>データセルAの1</td>
          <td>データセルBの1</td>
          <td>データセルCの1</td>
     </tr>
     <tr>
          <td>データセルAの2</td>
          <td>データセルBの2</td>
          <td>データセルCの2</td>
     </tr>
     <tr>
          <td>データセルAの3</td>
          <td>データセルBの3</td>
          <td>データセルCの3</td>
     </tr>
</table>

想要查询更多的信息,”[html]表(表)标签的基础!如何使用tr / th / td也是[样本]请参阅 ””。

链接相关标签

a

用于链接到网页或博客文章中的另一个网页。
您可以使用“a”标记来指定超链接。

“a”标记中有一个属性。
调用一些HREF属性和目标属性。
您可以使用HREF属性指定URL,或指定是否在另一个窗口中使用目标属性打开链接页面。

例子)

<a href="//zheng-dao.com/" target="_blank">creive【クリーブ】|クリエイターのための情報メディア</a>

如上所述,Creive网页设置为在另一个窗口中打开。

其他目标属性包括“_self”,“_父”,“_ top”。
它经常使用,“_空白”。您可以在不关闭博客页面的情况下打开链接目标。结果,它可能会回到您的博客中。

关于链接[与HTML的链接]解释了如何使用锚标记(标签)! CSS的设计变更请参阅 ””。

图像相关的标签

IMG.

它是一个用于显示图像的标签。
当您想在网页上显示所拥有的图像或想要在文章中显示图像时使用。
让我们注意图像的版权。

例子)

<img src="URLや画像のパスを入力します。" alt="画像代替文字が表示されます">

想要查询更多的信息”[HTML]使用IMG标记和含义[如何在CSS中放置图像]请参阅 ”。

最初在世界上发布的网页

最近的网页是非常出现的。还有一个视频或图像也会显示。
但是,想象世界上第一个网页。你可能无法轻易想象。

目前在世界上发布的网页实际上是浏览。
http://info.cern.ch/hypertext/WWW/TheProject.html

如果你实际看看代码,那么现在有很多东西出现了。

世界各地发布的网页代码是
右键单击要观看代码>显示页面的页面>在其他页面上打开

dev_mode.

以这种方式,可以查看它。

当我看我的代码时,我早点出来了

标签出来了。
这是一种用大写字母编写的案例,但小写表示主要是主流。

first_html.

因此,网页可以仅配置HTML标记。

在最后

怎么样。

这次,“[HTML]大师在短时间内!标签的基本知识”。

标签将是基本的学习HTML。首先必须逐一记住,可能是一个无聊的任务。

这些人是推荐的“HTML5 CARTA”,可以记住CartA中的HTML标签。
HTML5 CARTA.

此外,如果您想了解更详细的核心标签,请参阅HTML快速参考等。

我们通常在HTML5 CARTA中使用此类网站或学习新的知识。

HTML快速参考

使用文本编辑器练习代码时实际创建网页非常重要。

还。浏览发布的各种网页也很重要。在查看那里的代码时,您可以通过研究构建的标签来了解越来越多的知识。

您可以做您认为不是很酷的网站。这是第一个步骤。首先,既然我迈出了一步,就是成为一个前端工程师的一种方式,可以逐渐制作一个酷派网站。

给这篇文章的人

A-SK

Hybrid全堆员工程师Wakaso。 一个索诺诺在四月解决有关生活的事情。 Twitter:@ arkaskbone. BLOG:超越边境的故事,即a-sk咒语