1. 퍼블리싱 1일차
구글에서 <비쥬얼 스튜디오 코드> 설치한다.
비쥬얼 스튜디오 코드에서 확장 프로그램은 korea, Open-in-browser 를 설치한다.
korea는 한글판으로 바꿔주는 확장이고
Open in browser는 Ctrl + Alt + O 버튼으로 실시간으로 내가 만든 웹문서를 시각화해서
보여준다.
HTML(Hyper Text MarkUp Language)의 약자이다.
HTML은 구조를 만들고, 텍스트를 넣으면 끝난다고 보면 된다.
가장 특징적인 태그는 다음과 같다. 의외가 있지만 대부분의 태그는 꺽쇠로 감싸줘야 한다.
그리고! 처음 문서 파일을 만들 때, 꼭! 꼭! HTML문서로 저장해야 한다.
<html>
<head></head>
<title></title> : 브라우저 왼쪽 상단 위에 나오는 글귀입니다.
<h1></h1> : h6까지 사용 가능하다. 헤드라인 태그, 제목을 담당하는 테그이다.
<p></p> : 글 작성이 가능한 태그이다.
<div></div> : 덩어리를 만들어주는 태그이다. 영역을 구분지어주는 녀석이라고 보면 된다.
<header> : 사이트에서 가장 위쪽의 공간.
<nav> : 메뉴가 들어가는 태그이다.
<section> : 컨텐츠가 들어가는 부분이다.
<footer> : 하단에 들어오는 정보를 담당하는 태그이다.
<blockquote> : 인용구를 넣어주는 태그이다.
<strong></strong> : 강조해주는 태그이다
<b></b> : 강조해주는 태그이다. 볼드체. 위의 strong과 결과값이 같은데, 구분해서 사용하는 이유는
웹접근성 때문에 분리해서 작성한다.
사용예시 : <p><strong>카페야</strong>
<br> : 글자를 한줄 바꿔서 줄바꿈이 일어날 때, 구분을 지어주는 태그이다. 닫힘 태그가 없는것이 특징이다.
<hr> : 구분선을 지어주는 태그이다. 마찬가지로 닫힘 태그가 없다.
<img src="images/"> : 사진을 넣을 때 사용하는 태그이다. 저장폴더안에 images라는 폴더를 만들고, 사진을 넣어놓아야지 정상적으로 작동한다. 마찬가지로 닫힘 태그가 없다.
'●퍼블리싱' 카테고리의 다른 글
| HTML : 링크 삽입하기 (0) | 2021.03.15 |
|---|