오늘 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>결과 화면은 다음과 같다
페이지는 brackets를 이용하여 만들었고,
폴더를 만들어 txt파일을 생성 -> 확장자명을 html로 변경 -> brackets에서 폴더 열기로 만든 파일을 엶
의 과정으로 파일을 생성하여 html코드를 작성하였다
아직 CSS를 활용하지 않아 굉장히 허접한....굉장히 기본적인 페이지가 되었다.
'Study Group > 2019 Web(Tutoring Project)' 카테고리의 다른 글
| 자기소개 페이지 꾸미기 (1) | 2019.09.24 |
|---|---|
| My Homepage 2 (0) | 2019.09.23 |
