![]()
표 만들기2차원 격자 형태로 구성된 테이블을 의미한다.행, 열, 그리고 행과 열이 만나는 셀로 구성된다. table 태그표 관련 태그는 모두 table 태그를 사용한다.tr 태그는 표에서 행을 생성한다.th와 td 태그는 표에서 열을 생성한다. th는 표의 제목, td는 일반적인 데이터를 나타낸다. 제목 내용 rowspan과 colspan행과 열이 만나 셀이 생성되는데 이렇게 생성된 셀은 병합할 수 있다.행과 행을 병합할 때는 rowspan, 행과 열을 병합할 때는 colspan col과 colgroup표에서 열을 그룹화한다.col 태그는 하나의 열을 그룹화 하고, colgroup 태그는 span 속성과 함께 2개 이상의 열을 그룹화 한다. scope제목을 나타내는 셀의 범위를 ..
![]()
텍스트 강조하기텍스트를 강조하고 싶을 때는 strong과 em 태그를 사용한다.strong텍스트의 의미를 강조하고 싶을 때 사용한다.중첩이 가능하며 효과는 동일하지만 구조적으로 중요한 부분임을 알 수 있다.중요한 의미가 있는 텍스트 emstrong과 동일하게 강조하고 싶을 때 사용한다.텍스트가 기울어져 보이면서 강조 효과를 나타낸다.강조하고 싶은 텍스트 폼 구성하기폼은 HTML에서 사용자와 상호작용해서 정보를 입력받고 서버로 전송하기 위한 양식을 의미한다. form 태그폼 양식을 의미하는 태그이다. action폼 요소에서 사용자와 상호작용으로 입력받은 값을들 전송할 서버의 URL주소를 적는다.method입력받은 값을 서버에 전송할 때 송신 방식을 적는다. input 태그로그인 페이지의 아이디와 비밀..
![]()
텍스트 작성하기웹 페이지를 구성하는 요소 중 가장 큰 비중을 차지하는 요소는 텍스트이다. hn 태그제목이나 주제를 나타내는 텍스트를 표현할 때 사용한다.h1부터 h6 태그까지 있다.h는 heading을 의미하고 n는 중요도를 나타낸다.숫자가 작을수록 크고 높을수록 작아진다.검색 엔진에서 키워드로 인식한다. 따라서 검색 엔진 최적화를 위해 본문에서 핵심이 되는 내용으로 잘 선택해야 한다.*검색 엔진 최적화: 구글, 네이버와 같은 검색 엔진에서 상위에 랭크될 수 있도록 검색 엔진에 친홪거으로 마크업을 작성하는 것. p 태그본문의 문단을 작성할 때 사용한다.내용 br 태그문단에서 줄 바꿈할 때 사용한다.p 태그만 사용한 경우 단순히 엔터로 줄바꿈이 되지 않는다.br 태그를 사용한 경우 줄바꿈이 된 것을 확..
![]()
HTML의 기본 구성 요소태그태그는 다양한 구성 요소를 정의하는 역할을 한다.HTML 문법을 이루는 가장 작은 단위이다. 속성태그에 어떤 의미나 기능을 보충한다.태그 없이 단독으로 사용 불가능하다. 문법HTML은 태그와 속성과 문법을 구성한다.콘텐츠가 있는 문법과 콘텐츠가 없는 문법으로 나뉜다. 콘텐츠가 있는 문법콘텐츠가 있는 문법은 콘텐츠 앞 뒤를 태그로 감싼다. 콘텐츠가 없는 문법콘텐츠가 없는 문법은 시작 태그만 사용한다. 주석실행 결과에는 표시되지 않지만 코드에 대한 어떤 메모나 설명을 남길 때 사용한다. 주석을 사용하면 다음과 같이 웹 브라우저에 아무것도 표시되지 않는다.하지만 웹 브라우저의 소스 보기로 볼 수 있으므로 중요한 내용을 넣으면 안된다. HTML의 기본 구조HTML 문서는 일..
