编程语言:解释型和编译型
WEB前端:HTML+CSS+JavaScript
一、 HTML介绍:
---------------------------------------
1. 什么是HTML?
超文本标记语言, <标签名>--标记(标签、节点)
2. HTML是由:标签和内容构成
3. 程序语言有两种:解释性语言(HTML、PHP、Javascript)和编译型语言(C、C++、Java
4. HTML的标签组成部分、属性、实体
HTML的实体: <:< >:> 空格:
5. HTML中注释:
注释的目的:1. 辅助说明 2.代码调试
6. HTML标签(标记)的语法: 标签是由"<"和">"括起来
双标签:<标签名>....标签名>
单标签:<标签名/>
7. HTML中的颜色:可以是颜色单词:red/blue/green/yellow...
还可以是:#000000 --- #ffffff
十六进制:0123456789abcdef
其中前两位表示红色,中间两位绿色,后两位表示蓝色。
二、 HTML中HEAD头部设置
----------------------------------------
设置网页编码:
关键字:
描述:
网页标题:
导入CSS文件:
CSS代码:
JS文件或代码:
... ...
三、 HTML中的文本标签、格式化标签
----------------------------------------
文本标签:
1. *
换行
2. *
...
换段3. ... 斜体
4. ... 强调斜体
5. ... 加粗
6. *... 强调加粗
7. *
8. 引用
9. ... ...
10.* 删除线
....
格式化标签:
1. *
换行
2. *
...
换段3. 列表:
&gt; ------------------------------- -------
* Window
_self このウィンドウ (デフォルト)
_top トップレベルウィンドウ
Framename ウィンドウ名
title: テキストプロンプト属性(詳細)
アンカーリンク:
アンカーを使用point: a1 にジャンプします
5. *
画像タグ----------------- ---------------- ------height
: 画像の高さ border: 枠線の太さ 6. マルチメディアタグ(おなじみ) -------------------------------- ------------------ -- お使いのブラウザは再生をサポートしていません<ビデオコントロール="コントロール" 幅="400" 高さ="400">
<ソース src="./images/fun .mp4" type="video/mp4" />7. *テーブルラベル
------------------------------------- *table テーブルラベル caption テーブルタイトル *tr 行ラベル *th 列ヘッダーラベル *td 列ラベル これは、テーブル本体の前にヘッダーとフッターを書くと便利です。コードを見る*thead *tbody tfoot 8. **form フォームタグ ------------------------ - --------------------------------- 1. --フォームタグ フォームタグの共通属性: *
action 属性: 送信されたターゲットアドレス (URL)
*method 属性: 送信メソッド: get (デフォルト) および post get メソッドは URL アドレスバーに表示されます。制限付き (IE2k Firefox 8k)、比較的安全ではありません 投稿方法は URL アドレスが非表示であり、長さは制限されておらず、比較的安全です enctype: 送信タイプ target:ターゲット URL を開く場所。 name: フォームに名前を付ける属性です。HTML5 はサポートされていません。代わりに ID を使用してください。
2. フォーム項目ラベルの input は、ユーザーがデータを入力できる入力フィールドを定義します。 HTML 5 では、type 属性に多くの新しい値が含まれています。 詳細は以下で説明されています: 例: 3. タグの作成ドロップダウン リストを<選択します。
*name 属性: ドロップダウン値の保存に使用される名前を定義します size: メニューに表示される項目の数を定義します。HTML5 はサポートしません 無効 この属性が true の場合、メニューは無効になります。 複数選択 *9.
例:
10. **
*type 属性: フォーム項目のタイプを示します: 値は次のとおりです:
text: 単一行のテキスト ボックス
パスワード: パスワード入力ボックス
チェックボックス:複数選択ボックス。値を入力してください。 値
ラジオ: ラジオ ボタン 値の入力には注意してください
file: ファイルアップロード 選択ボックス
ボタン: 通常のボタン
submit: 送信ボタン
image: 画像送信ボタン
reset: 効果を最初 (最初に開いたとき) に戻すためのリセット ボタン
hidden: 情報がフォームと一緒に送信されるが、送信する必要がない場合のメイン フォームの非表示フィールドユーザーによって変更される
*name 属性:
に使用されるフォーム項目の名前 *コンテンツ値を格納する value 属性: 入力値 (デフォルトの指定値)
size 属性: 入力の幅の値box
maxlength 属性: 入力ボックスの入力内容の最大長
readonly 属性: 入力ボックスのみ 読み取り属性
*disabled 属性: 属性を無効にする
*checked 属性: 選択ボックスのデフォルト オプションを指定
accesskey 属性: ショートカットキーを指定(一般的に使用されない) (IE: alt+key Firefox: alt+shift+key)
tabindex 属性: タブキーの切り替え順序を数字で指定(一般的に使用されない)
src画像ボタンには、altとaltが設定されています
注: リセットボタンは、フォームデータを最初に開いたときの状態に戻すものであり、デフォルトでフォーム送信機能を持つ
画像ボタンをクリアするものではありません。
以上が【フロントエンド】HTMLの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。