コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > MOOC HTML+CSS コースノート_html/css_WEB-ITnose

MOOC HTML+CSS コースノート_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:19:58
オリジナル
1313 人が閲覧しました

  • 内容は MOOC.com から引用しています

    • html

  • は強調を意味し、 はより強い強調を意味します。ブラウザでは、 はデフォルトで斜体で表現され、 は太字で表現されます。 2 つのタグと比較して、国内のフロントエンド プログラマは現在、強調を表現するために を使用することを好みます。
  • タグにはセマンティクスはなく、その機能は別のスタイルを設定することです。
  • 引用するテキストに二重引用符を追加する必要はありません。ブラウザは自動的に q タグに二重引用符を追加します。 Text
  • ブラウザは、インデントされたスタイルで
    タグを解析します。

  • タグは空のタグです。HTML コンテンツを含まないタグは、開始タグのみを記述します。そのようなタグには、
    が含まれます。 ; と MOOC HTML+CSS コースノート_html/css_WEB-ITnose
  • スペースコード 
    • <!--有2个空格-->来源：作文网  作者：为梦想而飞
    ログイン後にコピー
  • 水平分割線

    会社の住所などの連絡先情報は、
    タグで使用できます。ドキュメントのアドレス (電子メール アドレスなど)、署名、または作成者を定義することもできます。 
    • <address>北京市西城区德外大街10号</address>
    ログイン後にコピー

    アドレスで定義されたテキストはデフォルトで斜体になります。

  • 通常、記事に複数行のコードを挿入する場合は、 タグを使用できます。 

  •  タグは、コンピューターのソース コードを表示するためだけでなく、Web ページで形式を事前に表示する必要がある場合にも使用できます。 pre> タグはコンピュータのソースコードを表示します。 <p></p> </li> Web ページの作成プロセス中に、いくつかの独立した論理部分を分割して、この <div> タグの中に入れることができます。 <li> </li><div> にいくつかのタグを入れて、独立した論理部分に分割します。ロジックを明確にするために、この独立した論理部分に名前を設定し、id 属性を使用して <div> に一意の名前を付けることができます。これは、各人が固有の ID 番号を持っているようなものです。私たちのアイデンティティを識別するものであり、一意である必要があります。 <li> </li><tbody>…</tbody>: 表の内容が多い場合は表がダウンロードされて少し表示されますが、<tbody> タグを追加すると表が表示されなくなります。すべてのテーブルの内容がダウンロードされるまで。 <li> </li>まとめの内容はブラウザでは表示されません。その機能は、表の可読性 (意味化) を高め、検索エンジンが表の内容をよりよく理解できるようにすること、また、スクリーン リーダーが特別なユーザーが表の内容を読みやすくできるようにすることです。 <li> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode">   语法：<table summary="表格简介文本">
    ログイン後にコピー
    • タイトル
    • テーブルの内容を説明するために使用されます。タイトルはテーブルの上部に表示されます。

    文法: 

    <table>    <caption>标题文本</caption>    <tr>        <td>…</td>        <td>…</td>        …    </tr>…</table>
    ログイン後にコピー

    ハイパーリンクを実装するには、 タグを使用します。これは、リンクがある場所には必ず存在します。 
  • <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    ログイン後にコピー
    • title 属性の役割 リンクテキスト上でマウスをスライドすると、この属性のテキスト内容が表示されます。この属性は、実際の Web 開発において主に、検索エンジンがリンク アドレスの内容を理解しやすくするために役立ちます (意味的によりわかりやすい)

    Web ページ内の電子メール アドレスをリンクするために mailto を使用する方法については、MOOC.com で詳しく説明されています。 。

  • 画像を挿入するには タグを使用します。 
    • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
    ログイン後にコピー
  • title: 画像が表示されているときに画像の説明を提供します (マウスを画像上に移動すると表示されるテキスト)。

    • フォームフォームの post メソッドと get メソッドの比較

  • HTML フォーム (フォーム) を使用します。フォームはビューアによって入力されたデータをサーバーに送信できるため、サーバー側プログラムはフォームから渡されたデータを処理できます。
    • そうです
  • すべてのフォーム コントロール (テキスト ボックス、テキスト フィールド、ボタン、ラジオ ボックス、チェック ボックスなど) は
    タグの間に配置する必要があります (そうしないと、ユーザーが入力した情報をサーバーに送信されました!)。

    ユーザーがフォームに文字や数字などを入力する場合、テキスト入力ボックスが使用されます。テキストボックスをパスワード入力ボックスに変換することもできます。 

    <form   method="传送方式" action="服务器文件">
    ログイン後にコピー
  • 1. 入力します:

    • type="text" の場合、入力ボックスはテキスト入力ボックスです。

    type="password" の場合、入力ボックスはパスワード入力ボックスです。

    2. name: バックグラウンド プログラム ASP および PHP で使用するテキスト ボックスに名前を付けます。

    3. 値: テキスト入力ボックスのデフォルト値を設定します。 (通常はプロンプトとして使用されます)

    ユーザーがフォームにテキストの大部分を入力する必要がある場合は、テキスト入力フィールドを使用する必要があります。 

    <form>   <input type="text/password" name="名称" value="文本" /></form>
    ログイン後にコピー
  • ユーザーは、ラジオ ボタン ボックスでは 1 つのオプションのみを選択できますが、チェック ボックスでは複数のオプション、またはすべてのオプションを選択することもできます。 
    • <textarea rows="行数" cols="列数">文本</textarea>
    ログイン後にコピー
  • 注: 同じグループ内のラジオ ボタンがラジオ選択として機能できるように、同じグループ内のラジオ ボタンの名前の値は一貫している必要があります。

  • 下拉列表
    • <form action="save.php" method="post" >    <label>爱好:</label>    <select>      <option value="看书">看书</option>      <option value="旅游" selected="selected">旅游</option>      <option value="运动">运动</option>      <option value="购物">购物</option>    </select></form>
    ログイン後にコピー

    value值是向服务器提交的值。

  • 下拉列表也可以进行多选操作，在