ホームページ ウェブフロントエンド H5 チュートリアル HTML を始めるために知っておくべきことすべて

HTML を始めるために知っておくべきことすべて

Mar 09, 2018 am 10:11 AM
html はじめる

今回はHTMLを始める際に知っておくべき注意点についてお届けします。

1. はじめに

1. ハイパー テキスト マーク言語 (Hyper Text Mark Language) は、ブラウザーによって解析される、Web ページを作成するための標準的なマークアップ言語です。

2. ドキュメントの接尾辞は .html または htm で、HTML ファイルは Web ページとも呼ばれます。

3. HTML はスペース、キャリッジ リターン、タブをサポートせず、空白文字に解析されます。

4. HTML タグ は、次の形式でペアで表示されます。/body> 内のコンテンツのみが表示されます。 ;

6. HTML 言語では大文字と小文字が区別されません

8. helloworld!

<!DOCTYPE html>    <!--声明HEML版本-->
<html>
  <head>
    <meta charset="utf-8">    <!--声明编码方式-->
    <title>helloworld!</title>
  </head>
  <body>
     helloworld!
  </body>
</html>
ログイン後にコピー

(1) 2) テキスト形式のタグ

<html> </html>        HTML页面根元素
<head> </head>        包含文档的元数据(meta)
<title> </title>     文档标题,存书签时也显示此内容
<body> </body>        包含了页面的可见内容
<h1> </h1>            大标题,往下每一级标题依次h2,h3的类推,最小标题是h6
<p> </p>              段落
<a href=""> </a>      链接,中间内容为显示内容,例:<a href="http://www.baidu.com">百度</a>;如果target="_blank",链接会在新的窗口中打开
<img src="address" width="3" height="5" /> 图像,alt属性可在浏览器无法载入图像时显示文本
<iframe></iframe>      框架,使用src属性指向不同的URL,达到一个窗口显示多个页面的目的;
<br>                  换行符,属于一个空元素,即没有内容的元素,空元素是在开始标签中关闭的<br/>
<hr>                  分割线
<div> </div>          区块,可用于组合其他元素的容器;可使用它进行布局;
<span> </span>        用来组合文档中的行内元素;
<!doctype html>       声明html版本,不区分大小写
ログイン後にコピー

(3) 引用、引用、およびタグの定義

<strong> </strong>  加粗显示之间的文字,也可用<b></b>
<em> </em>         斜体,也可用<i></i>
<big> </big>        放大
<small> </small>    缩小
<sub> </sub>        下标文字
<sup> </sup>        上标文字
<ins> </ins>        下划线
<del> </del>        删除线
ログイン後にコピー

(4)

<abbr> </abbr>            缩写,被缩写的内容用title属性来体现
<address> </address>     定义地址,通常被包含在<footer>元素的其他信息中
<bdo> </bdo>              定义文字方向,默认值为从左到右,可用dir="rtl"来改为从右到左显示
<blockquote> </blockquote>   定义长的引用,可用cite="URL"来规定引用的来源
<q> </q>                 定义短的引用,属性cite
<cite> </cite>            定义引用、引证
<dfn> </dfn>             定义一个定义项目
ログイン後にコピー

(5) head 要素には要素を含めることができます

1“计算机输出”标签1 <code> </code>      定义计算机代码
2 <kbd> </kbd>        定义键盘码
3 <samp> </samp>      定义计算机代码样本
4 <var> </var>        定义变量
5 <pre class="brush:php;toolbar:false"> 
定义预格式文本
ログイン後にコピー

(6)

絵タグ

<title> </title>  
<base>                定义了页面的默认链接地址,通过href属性来实现
<link>                定义了文档和外部资源的关系,通常可用rel,type,href等属性
<meta>                定义了文档中的元数据,可有name,content,charset等属性
<script></script>     用于加载脚本文件
<style></style>       定义了HTML文档的样式文件
ログイン後にコピー

( 7) テーブルタグ

1 <img>
2 <area>                 定义带有可点击区域的图像,可有shape,coords等属性,来画各种图形
3 <map></map>            带有可点击区域图像映射,必须有name属性,中间可包含area元素;
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

React を使用して画像カルーセル コンポーネントを完成させる

と段落

を使用して Sanmao の引用を作成します

以上がHTML を始めるために知っておくべきことすべての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles