Latest web development tutorials
×

HTML コース

HTML コース HTML 簡単な紹介 HTML エディタ HTML ファウンデーション HTML 要素 HTML プロパティ HTML 見出し HTML 段落 HTML テキストの書式設定 HTML リンク HTML ヘッド HTML CSS HTML 画像 HTML テーブル HTML リスト HTML ブロック HTML レイアウト HTML フォーム HTML フレーム HTML カラー HTML 色名 HTML カラー値 HTML スクリプト HTML 文字エンティティ HTML URL HTML クイックリスト HTML サマリー XHTML入門

HTML5

HTML5 コース HTML5 ブラウザのサポート HTML5 新要素 HTML5 Canvas HTML5 インライン SVG HTML5 MathML HTML5 ドラッグ・アンド・ドロップ HTML5 地理的な位置 HTML5 ビデオ(Video) HTML5 可聴周波数(Audio) HTML5 Input タイプ HTML5 フォーム要素 HTML5 フォームのプロパティ HTML5 セマンティック要素 HTML5 Web メモリ HTML5 Web SQL HTML5 アプリケーションキャッシュ HTML5 Web Workers HTML5 SSE HTML5 WebSocket HTML5 クイズ HTML(5)コードの仕様

HTML メディア

HTML メディア(Media) HTML ウィジェット HTML 可聴周波数(Audio) HTML ビデオプレーヤー(Videos) HTML 例

HTML リファレンスマニュアル

HTML タグリスト(アルファベット順に) HTML タグリスト(ソート機能) HTML プロパティ HTML イベント HTML キャンバス HTML 可聴周波数/ビデオ HTML 効果的な DOCTYPES HTML 色名 HTML カラーピッカー HTML 文字セット HTML ASCII HTML ISO-8859-1 HTML シンボル HTML URL コーディング HTML 言語コード HTTP ニュース HTTP ウェイ キーボードショートカット

HTMLのCSS

HTML要素のタグのスタイルをレンダリングするためのCSS(カスケーディングスタイルシート)。

見て!スタイルと色

テキストを操作します
色、ボックス
などなど...


»をお試しください


例

試してみてください - 例

スタイルを使用してHTML
この例では、スタイルHTML形式の<head>セクションに追加した情報を使用する方法を示します。

この例では、リンクは下線いないスタイル属性を使用する方法を示します。
リンクを強調しないスタイルを作るために、プロパティを使用する方法。

外部スタイルシートへのリンク
この例では、方法を示しています タグは、外部スタイルシートにリンクしています。


CSSを使用する方法

HTML 4では、CSSは、より良好な導入HTMLエレメントをレンダリングするために、使用されています。

CSSは、次の方法でHTMLに追加できます。

  • インラインスタイル- HTML要素で使用する「スタイル」 属性
  • 内部スタイルシート- HTMLドキュメントの先頭に<ヘッド>エリアCSSを格納するための<style> 要素を使用して、
  • 外部参照-利用外部CSS ファイル

最良の方法は、外部CSSファイルの参照を介してです。

このサイトのHTMLチュートリアルでは、例を簡単にすることであるインスタンスを、導入するインラインCSSスタイルを使用するだけでなく、あなたがインスタンスを実行しているオンラインおよびオンラインコードを編集することが容易になります。

あなたはサイトのCSSチュートリアル、することができますCSSのチュートリアルでは、より多くのCSSの知識を習得します。


インラインスタイル

特別なスタイルは、個々の要素に適用する必要がある場合には、インラインスタイルを使用することができます。 使用インラインスタイルは、関連するタグにstyle属性を使用することです。 style属性は、任意のCSSプロパティを含めることができます。 次の例では、段落と左余白の色を変更する方法を示しています。

<p style="color:blue;margin-left:20px;">This is a paragraph.</p>

より多くのスタイルを学び、ご覧くださいCSSのチュートリアルを


HTMLスタイル例 - 背景色

背景色の背景色の属性(背景色)の要素を定義します。

< body style = " background-color:yellow; " > < h2 style = " background-color:red; " > 这是一个标题 </ h2 > < p style = " background-color:green; " > 这是一个段落。 </ p > </ body >

»をお試しください

初期の背景色属性(背景色)は、bgcolor属性の定義を使用することです。

試してみてください:古いHTMLバックグラウンドモードを設定します


HTMLスタイル例 - フォント、フォントの色、フォントサイズ

私たちは、フォント属性のスタイルを定義するために、色(カラー)、フォントサイズ(フォントサイズ)をフォントファミリ(フォント)を使用することができます。

< h1 style = " font-family:verdana; " > 一个标题 </ h1 > < p style = " font-family:arial;color:red;font-size:20px; " > 一个段落。 </ p >

»をお試しください

現在一般的に使用されるフォントファミリー(フォント)、カラー(色)、およびフォントサイズ(フォントサイズ)が代わりの<font>タグを使用するのではなく、テキストスタイルを定義する属性。


HTMLスタイル例 - テキストの配置

テキストアライン(テキストアライメント)レベル属性は、テキストの垂直方向の配置を指定します使用します。

< h1 style = " text-align:center; " > 居中对齐的标题 </ h1 > < p > 这是一个段落。 </ p >

»をお試しください

古いラベル<センター>を置き換えるために、テキスト-alignプロパティをテキストに合わせます。

試します


内部スタイルシート

単一のファイルには特別なスタイルを必要とするときは、内部スタイルシートを使用することができます。 :あなたは<スタイル>タグは内部スタイルシートを定義することにより、<head>セクション缶

<ヘッド>
<スタイルタイプ= "テキスト/ cssの">
体{背景色:黄色;}
P {色:青;}
</スタイル>
</ HEAD>


外部スタイルシート

スタイルは、多くのページに適用する必要がある場合、外部スタイルシートは、理想的な選択であろう。 外部スタイルシートを使用して、サイト全体の外観を変更するファイルを変更することができます。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>


HTMLスタイルタグ

标签 描述
<style> 定义文本样式
<link> 定义资源引用地址


非推奨のタグと属性

HTML 4では、元のサポートカスタムHTML要素のスタイルのタグと属性が廃止されました。 これらのラベルは、HTMLタグの新しいバージョンをサポートしていません。

非推奨ラベル:<フォント>、<中心>、<ストライキ>

非推奨属性:色とBGCOLORを。