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

HTML編集の基本(ルーキー必見)

2022-01-09 16:16:25

DREAMWEAVERを開き、新しいHTMLを作成します。


本体の属性。

bgcolor ページの背景色

背景壁紙、画像

{テキスト テキストテキスト色

topmargin トップマージン

左マージン 左マージン

右マージン 右マージン

ボトムマージン ボトムマージン

フォーマット制御タグです。

分控制字体的颜色、字体和大小。

字体加粗

字体加粗

倾斜

倾斜

下划线

居中



相当于回车

                   表示空格,Ctrl+shift+space


内容容器标签

标题,会自动换行。                                           

    . . .                通过

等标签来定义的。

段落标签(段落之间空行)。

层标签(默认占用一行)。

层标签(默认用掉多大空间占为多大空间)。

    有序表,序号为1,2,3...。引号中可以更序的形式。

  1. 内容
  2. 内容
上面的ol改为ul则变为无序号列表


".. /" 表示上级目录

". /" 表示当前目录

相对路径:从当前面页面开始查找。

绝对路径:从网站的根开始查找。" /",代表网站的根。 {を使用することができます。

超链接标签

超接続文字 --在新窗口打开

还可以在当前页找到目录点击目录上的超链接,自动跳转到当页的某一个地方。


图片标签:图片

高度跟宽度设置一个即可保持原有比例。

alt在图片无法加载时,显示文字,还可以帮搜索引擎搜索。

タイトル可以添加图片描述,鼠标放在图片上时可以显示述。


表格:

{テーブル 表格

width:幅。ピクセル単位またはパーセントで表すことができる。よく使われるのは960ピクセル。

border: 枠線、一般的に使用される値は0です。

cellpadding: コンテンツとボーダーの距離、一般的な値は0です。

cellspacing: セル間の間隔、共通値は0です。

algin: アライメント方法。

bgcolor: 背景色。

background: 背景画像。


align:1行のコンテンツの水平方向の配置を指定します。

valign:行の垂直方向の配置を指定します。

height: 行の高さ。

bgcolor: 背景色。

background: 背景画像です。

セル

テーブルのヘッダー、セルの内容は自動的に中央揃え、太字になります。

align:セル内容のアライメントを指定します。

valign:セルの内容の垂直方向の配置を指定します。

width: セルの幅を指定します。

height: セルの高さです。

bgcolor: 背景色。

background: 背景画像。

コンテンツはセル内に、セルは行内に、行はテーブル内に配置する必要があります。

セルの行の高さと列の高さを設定すると、対応する行または列にも同時に影響します。

セルの結合。(テーブルのネストはできるだけ使用することをお勧めします)

colspan="n "で同じ行のセルをマージ(対応する列を引くコードを後で書く)

rowspan="n" 同じ列のセルをマージする(2行目から対応する列を減算する)。

以上、HTML編集の基本(新人必見編)をお伝えしましたが、ご参考になれば幸いです。また、より多くのスクリプトホームをサポートしていただければ幸いです。