HTML_html/css_WEB-ITnose について知る-htmlチュートリアル-php.cn

基本フレーム:

注:

<li> : 各要素を識別するために使用されます

画像の使用:

PNG

解像度を下げた写真をフォルダに保存する

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML_html/css_WEB-ITnose について知る

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:34 AM

基本フレーム:

 1 <html>  2 <head>  3 <title>This Is Title</title> 4 </head> 5  6 <body> 7 <h1><!--一级标题--></h1> 8 <h2><!--二级标题--></h2> 9 <p>10 <!--段落-->11 </p>12 </body>13 </html>

ログイン後にコピー

注釈:

とは、ファイルの内容がで囲まれていることをブラウザーに伝えます。 < ;/head> head (ヘッド) は Web ページに関する情報をブラウザに伝えます

head タグの中に title タグを置くと、タイトルがブラウザウィンドウに表示されます

ページの本文にはが含まれますタグとそれらの間のスペースすべてのコンテンツは、ブラウザーで表示される部分です

要素 = 開始タグ + コンテンツ + 終了タグ

style、CSS

 1 <head>                     2     <title>This Is Title</title> 3          4     <style type="text/css"> 5                 body{ 6                     background-color: #eaf;     7                     margin-left: 20%; 8                     margin-right: 20%; 9                     border: 2px dotted black;10                     padding: 10px 10px 10px 10px;11                     font-family: sans-serif;12                 }13     </style>14 </head>

ログイン後にコピー

注:

style は次のように指定しますCSS としてのスタイル

background-color: 背景色

margin-left、margin-right: 左右のマージンはそれぞれページの 20% を占めます

border: ページの周囲の境界線は点線であり、色はblack

padding: ページの本体の周囲に内側の余白を作成します

font-family: テキストに使用されるフォントを定義します

HT (ハイパーテキスト)

注:

Use & lt; a> あるページから別のページにリンクします

の属性はリンクを指定します

要素はリンクのタグです。デフォルトでは、このラベルには下線が付いており、クリックできることを示します

テキストと画像の両方をリンクラベルとして使用できます

ソースファイルの上のフォルダー内のファイルにリンクするには、「

1 <a href = "beverages/elixir.html" > elixirs </a>2 <a href = "http://www.cnblogs.com/JJ-kelion/" title = "Read His blogs" > cnblogs jj-kelion </a>3 <a href = "../index.html" > RETURN </a>4 <a target = "_blank" href="beverages/elixir.html"> <img src="images/j.png"> </a>

ログイン後にコピー

コメント:

: ブロック要素として個別に表示される長い引用符

、

1 <blockquote>2 Passing cars, 3 when you can't see, 4 A glimpse, 5 </blockquote>6 7 8 <q> passing car </q>,when you can't see.9 
ログイン後にコピー

注:

: 順序付きリスト
: 順序なしリスト

: 各要素を識別するために使用されます

または
と
は常に一緒に使用されます

1 <ol> 2 <li> one </li> 3 <li> two </li> 4 <li> three </li> 5 <li> four thing 6 <ul> 7 <li> one </li> 8 <li> two </li> 9 <li> three </li>10 </ul>11 </li>12 </ol>
ログイン後にコピー

注:

URL: ウェブサイトを識別するためにのみ使用されます
アクセスしやすくするために、要素内の title 要素を使用します
別のブラウザウィンドウでリンクを開くには、target 属性を使用します。

画像の使用:

舞台裏の手順:

ブラウザはサーバーからファイル「jj-kelion.html」を取得します

「jj-kelion.html」を読み取ると、次のファイルがあることがわかります取得が必要な画像

最初の画像から1枚ずつサーバーから画像を取得し、表示後次の画像に移動

よく使われる画像形式:

JPEG

PNG

GIF

フォーマット分析:

JPEG: 連続階調画像に適しており、数千万色を表現可能、非可逆フォーマット、透明度やアニメーションをサポートしていません

PNG: モノクロと線画に適しており、ロスレスフォーマットであり、透明度が可能です

GIF: モノクロと線画に最適、最大 256 色、透明性、ロスレス形式、アニメーションをサポート。

概要:

JPEG と PNG はロゴやテキスト画像の表現に適しています

JPEG は写真に適しています

透明度と複数の色が必要: PNG を選択します

そうですかee

コメント :

src は相対リンクだけでなく、URL に配置することもできます

同じ Web サイト内のリンクと画像の場合は、相対リンクを使用するのが最善です

画像が表示されない場合、 alt 属性で指定された画像を説明するテキストが使用されます画像を置き換えます

サムネイルを作成する手順:

サムネイル用のディレクトリを作成する

解像度を下げた写真をフォルダに保存する

各 < の src を設定するページ内の ;img> 要素をサムネイルに追加します
の簡易版
大きな画像を表示する新しいページへのリンクをサムネイルから追加します

HTML5

ガイドライン:

1行目

alt属性が必要です

ヘッダーの1行目に
検証コードツール: http://validator.w3.org

このウェブサイトの声明

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

ホットAIツール

Undresser.AI Undress

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

AI Clothes Remover

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

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

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

ホットツール

メモ帳++7.3.1

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

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7549

CakePHP チュートリアル

1382

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

＆lt; Progress＆gt;の目的は何ですか要素？ Mar 21, 2025 pm 12:34 PM

この記事では、HTML＆lt; Progress＆gt;について説明します。要素、その目的、スタイリング、および＆lt; meter＆gt;との違い要素。主な焦点は、＆lt; Progress＆gt;を使用することです。タスクの完了と＆lt; Meter＆gt; statiの場合

＆lt; datalist＆gt;の目的は何ですか要素？ Mar 21, 2025 pm 12:33 PM

この記事では、HTML＆lt; Datalist＆GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

＆lt; meter＆gt;の目的は何ですか要素？ Mar 21, 2025 pm 12:35 PM

この記事では、html＆lt; meter＆gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化＆lt; Meter＆gt; ＆lt; Progress＆gt;およびex

ビューポートメタタグとは何ですか？レスポンシブデザインにとってなぜそれが重要なのですか？ Mar 20, 2025 pm 05:56 PM

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

＆lt; iframe＆gt;の目的は何ですかタグ？使用する際のセキュリティ上の考慮事項は何ですか？ Mar 20, 2025 pm 06:05 PM

この記事では、＆lt; iframe＆gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

HTMLは初心者のために簡単に学ぶことができますか？ Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割：コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか？ Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

See all articles

HTML_html/css_WEB-ITnose について知る

基本フレーム:

注:

: 各要素を識別するために使用されます

画像の使用:

PNG

解像度を下げた写真をフォルダに保存する

ホットAIツール

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

人気の記事

ホットツール

メモ帳++7.3.1

SublimeText3 中国語版

ゼンドスタジオ 13.0.1

ドリームウィーバー CS6

SublimeText3 Mac版

ホットトピック