본문 바로가기

Study Log/생활코딩

[생활코딩] WEB1: HTML & Internet - html

728x90

HTML : Public Domain 이기때문에 누구나 생성할 수 있다.

웹은 특정 기업이 독점하지 않기때문에 지금 까지 살아남았고 앞으로도 살아남아있을 가능성이 높다.

 

한번 웹페이지를 만들어보자.

index.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style.css">
        <title>Home page</title>
        <meta charset ="utf-8" >
        
	</head>
	<body>
		<header>
            <h1>
                <a href = "index.html"> Web application</a>
            </h1>
        </header>
        <nav>
            <ol>
                <li><a href="1.html">html</a></li>
                <li><a href="2.html">css</a></li>
                <li><a href="3.html">javascript</a></li>
            </ol>
        </nav>
        <article>
            <h2>
                Welcome
            </h2>
            Happy coding !!
        </article>
	</body>
</html>

 

1.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style.css">
        <title>HTML</title>
        <meta charset ="utf-8" >
        
	</head>
	<body>
		<header>
            <h1>
                <a href = "index.html"> Web application</a>
            </h1>
        </header>
        <nav>
            <ol>
                <li><a href="1.html">html</a></li>
                <li><a href="2.html">css</a></li>
                <li><a href="3.html">javascript</a></li>
            </ol>
        </nav>
        <article>
            <h2>
                HTML
            </h2>
            HTML is hyper Text Markup Language !!
        </article>
	</body>
</html>

2.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style.css">
        <title>CSS</title>
        <meta charset ="utf-8" >
        
	</head>
	<body>
		<header>
            <h1>
                <a href = "index.html"> Web application</a>
            </h1>
        </header>
        <nav>
            <ol>
                <li><a href="1.html">html</a></li>
                <li><a href="2.html">css</a></li>
                <li><a href="3.html">javascript</a></li>
            </ol>
        </nav>
        <article>
            <h2>
                CSS
            </h2>
            CSS is Cascading Style Sheet !!
        </article>
	</body>
</html>

3.html

<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="style.css">
        <title>javascript</title>
        <meta charset ="utf-8" >
        
	</head>
	<body>
		<header>
            <h1>
                <a href = "index.html"> Web application</a>
            </h1>
        </header>
        <nav>
            <ol>
                <li><a href="1.html">html</a></li>
                <li><a href="2.html">css</a></li>
                <li><a href="3.html">javascript</a></li>
            </ol>
        </nav>
        <article>
            <h2>
                javascript
            </h2>
            javascript is for user interaction.
        </article>
	</body>
</html>

반응형