html 기본 요소 중 스타일에서 변경할 수 있는 간단한 것들을 정리해보겠습니다 스타일 적용 기본적인 스타일 적용방법 : 사용 예시) 회색 글자 - div 안의 글자는 회색으로 표현 배경색 속성 : background-color 글자색 속성 : color 글자크기 속성 : font-size 문단 정렬 속성 : text-align 문단 정렬 속성 값 : center, left, right *구분을 위해 스타일 태그에 외각선을 그렸습니다* 제목 제목 제목 제목 제목 제목 제목 제목

html 문법에 사용되는 특수문자들을 표현하는 방법입니다. 예약어라고도 하는 문자를 나타는 방법을 정리해보겠습니다. 예약어 사용(엔티티 사용) 줄 바꿈 없는 공백 : 단락 태그 : 수평줄 태그 AND 기호 : & 공백 하나이상 띄우기 공백 하나이상 띄우기 주석 사용 : 주석 표현 주석 밖의 글입니다. 주석 밖의 글입니다. 주석 안에 주석을 넣어서 주석으로 표현되지 못한 부분입니다 -->

기본적인 서식 태그에 대해서 정리해보겠습니다! 서식 태그 : 진하게 강조 : 진하게 강조 : 기울임 : 기울임 : 하이라이트 적용 : 밑줄 표시 : 삭제 표시 : 윗 첨자 : 아래 첨자 Strong : 이곳이 강조되는 부분입니다 b : 이곳이 강조되는 부분입니다 i : 이곳이 기울임 태그 적용 위치입니다 mark : 이곳이 하이라이팅 태그 적용위치입니다 ins : 이곳에 밑줄 표시가 됩니다 del : 이곳이 삭제 표시가 됩니다 윗 첨자 : (x + y)2 = x2 + 2xy + y2 아래 첨자 : log2f(x) = logag(x) 서식태그를 정리해보았습니다!

본격적으로 태그를 사용해보고 웹페이지를 구성해보겠습니다! 제목 태그 제목을 적을 때 사용하는 태그입니다. 의 형태로 나타내고 숫자에 따라서 제목의 크기가 달라집니다. : 제목 적기 : h1보다 작은 제목 적기 : h2보다 작은 제목 적기 ...... Hello World Hello World Hello World Hello World Hello World 단락 태그 단락이나 줄 바꿈 수평줄과 관련된 태그들입니다. : 수평줄 긋기 : 줄바꿈 : 단락 구분 : 띄어쓰기 수평줄 Hello World!! Hello World!! Hello World!! Hello World!! p태그로 위아래 단락 구분 pre 태그로 띄어쓰기와 줄바꿈을 할 수 있게 해줍니다 pre 태그로 띄어쓰기와 줄바꿈을 할 수 있게 해줍니..

이제 본격적으로 시작을 해보겠습니다. 먼저는 html 코딩을 위한 환경을 준비해야겠죠? 크롬(Chrome) 브라우저와 비주얼 스튜디오 코드(Visual Studio Code)를 설치하겠습니다. 크롬 브라우저는 여러 방면에 장점이 많고 특히 웹 개발에 유용한 많은 툴을 제공해주고 있어 현재 원탑을 달리고 있는 브라우저입니다. 비주얼 스튜디오 코드는 기본적으로 무료이고 구문 강조에 거의 대부분의 주요 프로그래밍 언어를 지원하는 접근성도 좋은 에디터입니다. 크롬 브라우저 설치 https://www.google.co.kr/chrome/?brand=IBEF&gclid=Cj0KCQiAy4eNBhCaARIsAFDVtI3Pxpd51DBqk0WPG-KLRwQrdFqFJW2T8GvZAW6CmdT-nBGpv8oS82IaAg..