1. ホーム
  2. Web制作
  3. HTML/Xhtml

HTML基本ノート(推奨)

2022-01-09 22:08:57

I. ウェブページのインフラ

XML/HTMLコード コンテンツをクリップボードにコピーする
  1. < html >
  2. < ヘッド >
  3. < タイトル > はじめてのページ < タイトル >
  4. < ヘッド >
  5. < ボディ >
  6.                 これは私の最初のページです   
  7. < ボディ >
  8. < html >

注:HTMLでは、タグはほとんどの場合、2つ1組で表示されます。始まりがあれば、終わりがあります。

タグが対で表示されない場合は、タグの末尾に/を付けて終了を示します。

II. 基本タグ

1. h1-h6 タイトルタグ
2, em イタリック
3、ストロングボールド
4、hrカットライン
5, br 改行
6、p段落タグ
7、特殊記号、スペース
8、> 特殊記号,>
9, < 特殊記号, <
10, " 特殊記号, "
11、©特殊記号、著作権記号
12, {未定義 コメント
13. img画像タグ

属性:src:画像へのパス、alt:画像が見つからないときに表示されるテキスト
title:マウスホバー時に表示されるテキスト
用法

14、a 超链接标签
属性:链接到哪里去
用法
链接
锚链接
先在一个位置写上
然后另一个位置写上
点击这个链接,会找到这个?

用法
链接这了来
从这了链接

15、ul-li 无序列表
用法


  • 列表项1

  • .......
  • 列表项目

注意:没有顺序,每一个里就是一行
默认情下,每一个里前面都有一个心小点。

16、ol-li 有序列表
用法


  1. 列表项1

  2. .......
  3. 列表项目


就是将无序列表的实心小点换成了序号

17、dl-dt-dd定义列表
用法


标签题1

内容1

标签题2

内容2

实现效果
标签:1
内容1
标签题2
内容2

18、表单元素
a、テキスト 单文行本框
b、password 密码框
c、radio 单选按钮
d、file 文件选择器
e、checkbox 复选框
f、select 下拉列表
g、submit 提交按钮
h、reset 重置按钮
i、textarea 文本域

用法:

j、形式标签 提交标签
语法:语法:语法:语法:语法


如果为空,则会表示提交到当前的页面。
メソッド可选属性:post、get
ポスト安全性高,提交的信息不会显示在地址栏。
get安全性较低,提交的信息显示在地址栏。
如果不写方法的属性,默认是get

k、入力标签可选值:就是表单位a-i

l、下拉列表を選択

用法
選択 {オプション 2016 {オプション 2015 {オプション 2014

m、 关联表单

作用:点击名字这两个字,鼠标会聚焦在名字后面的文本框中。

三、注意事項
1. タグ名は小文字にする
2、HTMLタグは閉じる(終了)
3、タグは正しくネストされること

IV. フォームの属性
1. readonly="readonly" 読み取り専用です。
2、disabled="disabled" 使用不可

V. フォーム
1. テーブルとは何ですか?
一番シンプルなのはキューで、テーブルの間に、ものを書くことができます。

2. テーブルの仕組みは?
まず大きな箱を描き、次に各行を描き、各列を描く
< {テーブル

3. データというか要素は、tdの中に入れることができます。

4、テーブルのいくつかの属性。
width: 幅を設定します。
border: ボーダーの太さ
align: アラインメント、最も一般的な、中央、水平方向のアラインメント
valign:アラインメント、最も一般的、中央、上下
cellspacing="20": セル間の距離、デフォルトは0
cellpadding="20": コンテンツとグリッドの距離、デフォルト値も0です。
bgcolor: 背景色を変更します。

5. マージ
colspan="2": セルのマージ、水平方向のマージ
rowspan="2": セルのマージ、縦方向

以上、HTML基本ノート(推奨)をお伝えしましたが、参考にしていただき、スクリプトハウスを応援していただければと思います。

Original article address: http://www.cnblogs.com/w13248223001/archive/2016/07/21/5693437.html