Study Group/2019 Web(Tutoring Project)

html로 간단한 웹 페이지 만들기

hololo 2019. 9. 10. 23:17

오늘 html의 간단한 tag와 element들을 공부하였다.
공부한 것 : body, headings, p, div, HTML 계층 (대략적)
배운 것을 토대로 정말 간단한 텍스트+이미지로 된 페이지를 만들어보았다.

<html>
    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>HoLoLo의 자기소개 페이지</title>
    </head>
    <body>
        
        <h1>여긴 HoLoLo의 페이지입니다.</h1>
        <p>
        본명 : HoLoLo <br>
        좋아하는 것 : 마법, 고양이, 옷, 친구들<br>
        좋아하는 색 : 보라색, 검은색, 크림슨색<br>
        좋아하는 음식 : 초코, 두유<br>
        좋아하는 동물 : 고양이, 라쿤팬더, 팬더<br>
        </p>
        <h3>아래 사진은 제 후플푸프 기숙사입니다</h3>
        <img src=https://i.pinimg.com/originals/88/f7/69/88f769b7e920c7fc736f36ff41d91a63.gif>
        <h4>(소문으로는 그리핀도르, 슬리데린이 되고 싶었다고 한다....)</h4>
    </body>
</html>

결과 화면은 다음과 같다

mypage.html

페이지는 brackets를 이용하여 만들었고,
폴더를 만들어 txt파일을 생성 -> 확장자명을 html로 변경 -> brackets에서 폴더 열기로 만든 파일을 엶
의 과정으로 파일을 생성하여 html코드를 작성하였다

아직 CSS를 활용하지 않아 굉장히 허접한....굉장히 기본적인 페이지가 되었다.