HTMLの基本:
HTML形式について
--html(ハイパーtextmarkup言語)「HTML」の中国語の翻訳は、主にHTMLタグによるページのテキスト、画像、音、などの内容の説明を行いました。
--htmlはなど段落タグ、タイトルタグ、ハイパーリンクタグ、画像タグとして、マーカーの数を提供し、ページのどのコンテンツを定義する必要があり、あなたはそれが対応するHTMLで標識されている記述することができます。
--htmlは、HTMLと呼ばれているだけでなく、彼はマーキングして、ページの内容を記述しているので、だけでなく、ために、テキスト、いわゆる「スーパーリンク」のポイントが含まれています。ハイパーリンクやWebサイトなどのページ要素の様々なカラフルなWebページを形成するために一緒にリンクします。
HTML標準の選択
- HTMLの最新バージョンはHTML5です。
- パート国内のサイトやXHTML標準を使用しますが、HTML5の標準は、トレンドです。
HTMLの構造 <HTML>
<ヘッド> </ head>の
<身体>
<H1>私の最初の見出し</ H1>
<P>私の最初の段落ます。</ p>
</ BODY>
</ HTML>
特長:ペアで、閉鎖を開きました。角括弧は、タグ名を囲みます。タグの端部は、スラッシュを増加させます。
構文:<タグ名>タグの内容</タグ名>。
まず:ラベルのペア。
第二:内部ラベルの末尾には、/で始まります。
第三:タグは入れ子にすることができます。
HTML構文
冒頭に「<」と--htmlタグ。そのタグ名(なし真ん中のスペース)が続きます。
- タグ名の後の属性に加え、スペース、次にプロパティ名は=「」がある場合
- 属性間のスペースで区切って複数の属性が存在する場合は、複数のスペースを持つことができます。
- プロパティの後、1つ以上のスペースを追加することができます。
- それは終了タグの前に追加されたならば、終了タグは「>」、例えばタグ名を「/」が必要です。</ HTML>。
- 単一ラベル、不要、意味がありませんスラッシュ。
- 任意の中間には、ラベルの内容を入れ子にすることができます。
HTMLのタグ:
基本的なHTMLドキュメントの形式---- ラベル
- <!DOCTYPE> HTMLやXHTML文書が現在の基準を使用してブラウザに説明するために、文書の上部にあるタグ。ブラウザのための主な根拠は、文書のラベルを解析します。
- すべてのXHTML文書は、指定されたドキュメントタイプの解析によると、ページの有効なXHTML文書への唯一の方法は、ブラウザをXHTMLのバージョンとタイプを指定するためのマークの先頭で使用する必要があります。<!DOCTYPE>。
- 削除し、関連するタグとブラウザとの互換性、それがブラウザにHTMLページのどの権利を示すことです。
基本的なHTML文書形式--- <html>タグ
- また、ブラウザ自体は、HTML文書である告げるルートタグとして知られるマークの後ろのマーク、HTMLタグは、それらの間のHTML文書の終わりには、ドキュメントのヘッドであるマークをマーキング、ドキュメントの先頭をマークそして、本文の内容。
<HTML>
- すべてのタグは、2つの閉じたタブの間に記述する必要があります。
</ HTML>
基本的なHTML文書形式 - <ヘッド>タグ
- <HEAD>タグは、直ちに、<html>タグの後に、また、マーカーヘッドとして知られている、HTML文書のヘッダ情報を定義します。
コンテンツ--headラベルの定義は、ブラウザにのみ使用可能です。ないユーザ提示用。
- 主に頭部に位置する他のマークアップ文書、例えば、<タイトル>、<メタ>、<リンク>と<スタイル>などをパッケージ化するために使用される、文書のタイトル、作成者、および他の文書との関係などを記述するために使用されます。
- HTML文書が唯一の<head>タグの1ペアが含まれている、データファイルのヘッダには、大半がページに表示されるコンテンツとして、実際にはありませんが含まれています。
基本的なHTML文書形式 - <メタ>タグ
- <metacharset =」UTF-8” >
--utf-8、最も一般的な文字セットエンコーディング、一般的に使用される文字セットとエンコーディングだけでなく、GBKのGB2312です。
--gb2312簡体字中国語。
--GBKはすべて中国の伝統的な文字が含まれています。
--BIG5繁体字中国語。
--UTF-8文字は、世界のすべての国が使用する必要が含まれています。
- バイナリ、テキスト表記から言えば、パターンは、電報と同様の表現を、符号化されます。
リンクラベル
- 事前にDNS解析の導入
--dns事前分析(理解)
http://mimg.127.net」>
- ウェブサイトのアイコンアイコンの導入:
http://www.126.com/favicon.ico」/>
- CSSスタイルの導入
<リンクのrel =」スタイルシート」のhref =」CSS / bg.css」>
画像のタグ
<IMG SRC =「」タイトル=「画像のタイトル」ALT =「画像が表示されていない場合、それはテキスト」alt属性が表示されます>
--src:ウェブサイトの画像。
--Alt:絵はalt属性のテキストが表示されて表示されません。
--title:絵がヒントプロンプトテキストを示していたときに、マウスが上に移動されたとき、私はSEOのサイトに大きな影響を与えます。
タイトルタグ:H1-H6
- <H1>は、私のページコンテンツのタイトルである<H1>
- ページのコンテンツのタイトルとしてタイトルは、サイズが定義されていないタイトル1-6見出しスタイル番号のセマンティクスが、全体重量のタイトルページを定義する権利を遵守してください。
- タイトルタグは、タグライン内にネストすることができます。<H1>は、最大のタイトル、<H6>最小限のカスタムタイトルを定義します。
段落タグ、タグライン
- 構造化テキストがページ上に表示されなければならない、段落記号は、我々は通常、記事を書くのと同様に、分離することができない、ページ全体が複数の段落に分け、段落です。<P>をマークすることができ、
- <P>テキスト段落<P>
- <P> HTML文書は、段落ラップ内のテキストは自動的にブラウザのウィンドウのサイズに基づいて、デフォルトでは、最も一般的なマークです。
- タグ内の段落タグは行のみネストすることができます。
水平線マーク
- 構造化、文書の構造が明確になるようにページは、多くの場合、段落と段落の間で分離するいくつかの水平線を参照してください。これらの水平線は、画像を挿入することによって達成することができ、簡単にマーキングすることによって行うことができ、<hr />タグは、ページ全体で水平線を作成することで、次のように、基本的な構文は次のとおりです。<HR />タグは、Webページ上の単一入力されています<時間/>、デフォルトのスタイルは、水平線を追加します。
一般的なHTMLタグ:
- 水平タグ:<時間>
- ブレークタグ:<BR>、共通スペースや改行がマージされます。
- テキストセクションタグ:スパン、インラインラベル。
<em>の定義は、テキスト焦点を当てています。
<I>(推奨されません)イタリック体で定義されています。
<STRONG>重点を置いて定義されました。
<サブ>添字単語の定義。
<SUP>上付き定義された単語。
<Del>を単語の定義を削除しました。
高度なHTMLタグ:
リストを作成します。
、順不同リスト
<UL>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
</ UL>
</ BODY>
B、順序付けられたリスト
<身体>
<OL>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
<LI> </ LI>
</ OL>
</ BODY>
表を作成します。
- HTMLページ、あなたがテーブルを作成するには、フォームと関連するタグを使用する必要があります。基本的な構文のテーブルを作成し、次のとおりです。
<表>
<TR>
セル内の<TD>テキスト<TD>
...
<TR>
<表>
フォーム
- HTMLにおいて、フォームは、以下に示すように、単純なHTMLフォームおよび構成インタフェースである、3つの部分は、情報及びフォームフィールドを構成することを示唆し、典型的には(また、フォーム要素として知られている)完全なフォーム・コントロールです。
フォームの概要
--Formパッケージのラベル、アクション:#
--inputテキストボックス、ラジオボタン、チェックボックスタイプ:チェックボックスは、送信ボタンを、ボタンを押してリセットします。
- の<input type =」text」>
--Typeradioラジオ
- の<input type =」提出」値=」提交」>
- の<input type =値= "正常ボタン" "ボタン">
--Checked属性:ラジオを識別またはラジオボタンは、単一のプロパティを選択されているかどうか。
提供するサービスへのタグIDの値にプロパティポイントの--Lableラベル、。
--Lable即時パッケージのラベルには、formタグがフォーカスをラップするようにテキストは、タブをクリックして達成することができます。
単一の属性:ドロップダウンリスト、リストの複数の--select。
私たちのリストの--option設定オプション。
--Textareaテキストフィールドラベル:入力テキストの多くは、テキストフィールドのラベルを使用する必要があります。
--Colsテキストフィールドに入力することができますどのように多くの列を設定します。
--Rows表示されたテキストフィールドの行を入力することができます。
その他の追加のラベリング
--Metaタグ:ウェブサイトのSEOのキーワードと説明
<メタ名= "キーワード" コンテンツ= "募集のJava、PHP、アンドロイド、IOS、C / C ++、Webデザイン講師">
<META NAME = "説明" コンテンツ= "ITトレーニング指導者、300,000-500,000ジョブJAVAの年俸、PHP、アンドロイド、IOS">
- リンクタグ:CSSの導入
--scriptタグ:JSを導入
--targetプロパティ補足:_blank _parent _self _topのframename
--Baseラベル:ラベルは、現在のページのすべてが同じ性質を持たせることができます
特殊文字マーク
--htmlは、これらの特殊文字のための特別な代替コードを用意し
のセマンティックHTML
-- Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解.
--标签与语义相结合,尽量不要使用没有语义的标签比如:div,span,尽量使用p,ul,ol,table等标签.
--充分利用标签默认的含义
--标题标签的选择
h1-h6、th、td、ul、ol、dl、dd、dt、p、em、strong
HTML5的标签语义化更彻底。
标签的类型(显示模式)
--HTML标记一般分为块级和行内标记两种类型,它们也称为块元素和行内元素.具体如下:
--块元素:
每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,,常用于网页布局和网页结构的搭建
常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标记是最典型的块元素。
一个人学习会有迷茫,动力不足。这里推荐一下我的前端开发裙:四八四,七五七,七六零,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。自己整理了一份2019最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。