HTML-2(午前中)

13020 ワード
公費支援 KAIキャンパス テキストリンク

Webサーバ


作成したHTMLをサーバにアップロードします.
ex)NAVERはWebサーバ
Apache TomcatでWebサーバを実行します.
ここにHTMLファイルを置いて確認します.
Webサーバの導入手順
1.JDKのインストール(https://www.oracle.com/java/technologies/downloads/)
-優先パラメータ(システム環境変数を編集)
編集Path:C:Program FilesJavajdk-11.0.14bin
JAVA HOMEの新規作成:C:Program FilesJavajdk-11.0.14
  • Apache Tomcatのインストール
    JSP用Webサーバ(https://tomcat.apache.org)
    コマンドヒント
    cd C:\html\apache-tomcat-9.0.58\apache-tomcat-9.0.58\bin
    (cd: change directory)
    Apache Tomcat Webサーバの起動
    catalina.bat run入力
    Apache Tomcat Webサーバをシャットダウン
    ctrl+c
    • Document Root
    C:\html\apache-tomcat-9.0.58\apache-tomcat-9.0.58\webapps\ROOT
    HTMLドキュメントをリモートで表示できる場所

    リストのタグを作成

  • Ordered List
  • Unordered List
  • Dictional List
    • olラベルは属性(attribute)を設定できます.
    ex)aタグのhrefのように属性を付与して他の操作を実行することができる
    <ol type="i" start="5"></ol>
    type="i":斜体
    start="5":数字5から

    表のタグの作成

    <table></table> 표 전체를 구성
<tr></tr> 행을 표시
<td></td> 열을 표시
    tableラベルはborder、width、heightプロパティを設定できます.
    <table border="1" width="800" height="600"></table>
테이블 경계선(border)의 두께를 1로 설정한다.
셀의 폭은 800pixel, 높이는 600pixel로 설정한다.

    上の表を作る
    3行3列
    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
    <!--셀의 병합-->
    <table border="1" width="800" height="600">
        <tr>
            <td>1열</td>
            <td>2열</td>
            <td>3열</td>
        </tr>
        <tr>
            <td colspan="2">1열</td>
            <td">3열</td>
        </tr>
        <tr>
            <td colspan="3">1열</td>
        </tr>
        <tr>
            <td rowspan="2">1열</td>
            <td rowspan="3">2열</td>
            <td>3열</td>
        </tr>
        <tr>
            <td>3열</td>
        </tr>
        <tr>
            <td>1열</td>

            <td>3열</td>
        </tr>
    </table>
</body>
</html>
    [白俊-1398]連続2
    Effective.C読書ノート04