DOCTYPE 자신이 작성한 HTML코드가 어떤 방식의 HTML 코드로 작성됐는지를 브라우저에게 알려주는 문자 DOCTYPE Document type declaration : 문서 타입 선언 브라우저에게 이 문서는 어떤 표준을 따르고있는 태그들인지 알려주는 것 이라고 작성하면 됨 더 알아보기

문서의 구조 태그들도 문서의 구조가 다 같진 않습니다. 부가적인 정보(문서를 꾸며주는 것)와 본문(본질적인 정보)로 나뉩니다. HTML 태그 head태그와 body태그를 감쌉니다. 맨 위에 위치합니다. 본문이 아닌 부가적인 정보입니다. head 태그 본문이 아닌 태그들은 태그 아래에 들어갑니다. ( ex : title, meta ) 본문이 아닌 부가적인 정보입니다. meta 태그 웹 페이지의 글씨가 깨지는 경우에는 태그를 만들면 됩니다. 태그 밑에 위치합니다. body 태그 본문인 태그들은 태그 아래에 들어갑니다. ( ex : h1~6, ol, ul … ) 태그안에 본문이 들어갑니다. 제목() 태그 제목으로 표시하고 싶은 곳에 태그를 붙이면 됩니다. 태그 밑에 위치합니다. 본문에 위치합니다.

태그의 중첩과 목록 리스트 만들기 라는 태그를 통해 리스트를 만들 수 있습니다. 각각의 글씨를 >, 태그를 이용하여 감싸줍니다. 리스트를 구별하고 싶을 때 ul, ol태그를 이용하여 그룹으로 묶어줄 수 있습니다. 가독성을 높이기 위해 Tab이나 Spacebar로 띄어쓰기/들여쓰기를 해줍니다. (1,2,3… 등) 순서가 있는 리스트 만들기 ul을 ol태그로 바꾸면 li들 앞에 숫자가 붙습니다. 각각 리스트 태그들의 뜻 ol : Ordered List [순서가 있는] ul : Unordered List [순서가 없는] li : List [목록 / 명단]

하이퍼텍스트와 속성 하이퍼텍스트란 하이퍼텍스트(Hypertext, 문화어: 초본문, 하이퍼본문)는 참조(하이퍼링크)를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트입니다. 하이퍼텍스트를 설정하는 방법 주고싶은 글의 첫 글자 앞에 마지막 글자뒤에 라고 적으면 됩니다. 하이퍼텍스트를 새 창에서 여는 방법 a href=""뒤나 앞에 target="_blank" 라고 적습니다. 하이퍼텍스트에 마우스를 오버했을 때 그 내용의 튜팁으로 미리 알려주는 방법 a href=""뒤나 앞에 title="내용" 라고 적습니다. a 태그 a태그의 a는 anchor라는 말에서 유래됐습니다. (anchor = 정박되어있다, 연결되어있다 ) 따라서 링크를 연결해 줄 때 쓰입니다. 마크업 언어 마크업 언어(mark..

HTML - 기본 문법1 기본 문법1 본 수업은 HTML에 대한 심화된 내용을 다룹니다. HTML의 기본문법과 HTML의 주요한 태그들에 대한 수업을 담고 있습니다. HTML은 굉장히 쉬운 언어이자, 웹 프로그래밍의 시작입니다. 따라서 굉장히 중요하다고 할 수 있습니다. 웹 페이지 만들기 HTML로 간단하게 웹 페이지를 제작하는 방법 윈도우 : 메모장 클릭 -> 쓰고싶은 문장이나 글 쓰기 -> 상단 파일 -> 다른이름으로 저장 -> 파일 이름은 a.html이라고 하고 파일 형식은 모든파일로 하고 인코딩은 UTF-8로 하고 저장 Mac(맥) : 파일 -> 저장 -> 파일 이름은 a.html이라고 저장 -> html사용 제목 a.html에 a는 이름 html은 확장자입니다. 웹 페이지를 만들고 싶다면 확장자..

줄바꿈 태그 줄 바꿈 O 새로운 줄을 표현 할 때 닫는 태그가 없음 원하는 만큼 간격을 줄 수 있음 단지 줄바꿈을 의미함 태그 줄 바꿈 O 새로운 줄을 표현 할 때 하나의 단락을 그룹핑 할 수 있도록 열고, 닫는 태그 존재 단락과 단락의 간격이 고정되어 있어서 시각적으로 자유도가 떨어짐 웹페이지를 정보로서 보다 가치있게 해 줌 CSS를 통해서 태그의 디자인을 자유롭게 변경할 수 있기 때문에 br보다 더 많이쓰임 CSS를 이용한 줄바꿈 CSS를 이용해서 단락과 단락의 간격을 margin이나 padding으로 세밀하게 조정할 수 있다.