HTML (3) 썸네일형 리스트형 [HTML] 태그 - 텍스트 관련(1) html 태그는 종류가 정말 다양합니다. 의미있는 웹 사이트를 만들기 위해 콘텐츠의 용도에 맞는 올바른 태그의 사용이 꼭 필요합니다. 제목 제목(heading) 태그입니다. 제목 태그는 h1부터 h6까지 있습니다. h1이 제일 크고 h6가 제일 작습니다. 제목1 제목2 제목3 제목4 제목5 제목6 제목을 표시할 때 사용되며 간격, 색상, 폰트두께, 폰트크기 등은 css로 설정이 가능합니다. h1 태그는 문서 전체에서 하나만 사용하는 것을 권장합니다. 보통 header 안의 로고 등에서 h1이 사용되거나, 섹션의 제목에 사용됩니다. 블록요소로 기본적으로 margin 등이 설정되어 있어 간격이 띄워집니다. 문단태그 문단(paragraph)을 만드는 태그입니다. p 사이에 문단의 내용을 넣습니다. 블록요소로 .. [HTML] tag(태그)와 요소 알아보기 안녕하세요. 지난 글에서는 HTML의 기본 구조에 관해 알아보았습니다. 이번 글 부터는 body 태그에 들어가는, 즉 웹페이지의 내용을 구성하는 태그들을 알아보겠습니다. 우선 태그의 기본구조입니다. 태그 속성 내용 이렇게 내용을 태그로 감싸는 것이 기본 구조입니다. 그리고 이 사용하는 태그에 따라 내용의 성격과 의미를 결정합니다. 예로 ~ 의 태그 안에 내용이 들어있다면 그 내용은 제목이라는 의미일 것이고, 안에 들어가면 문단(paragraph), 안에 들어가면 링크로 정의 됩니다. 속성과 속성값은 그 태그에 기본적으로 포함되는 내용 또는 임의로 부여하는 내용으로 요소에 실제로 나타내고 싶지 않지만 추가적인 내용을 담을 때 사용합니다. 속성을 사용할 때는 지켜야할 사항이 있습니다. 요소 이름 다음에 바로.. [HTML] HTML과 기본구조 HTML은 HyperText Markup Language의 약자로 웹페이지를 만들기 위한 언어로 웹에서 동작하는 언어입니다. 사실 프로그래밍 언어라고 보긴 어렵고 구조를 만들기 위한(Markup) 언어로 보는게 적당할 것 같습니다. HTML은 여러 element로 구성되어 있고 기본 구조는 아래와 같습니다. 우선 여러 에디터(메모장, sublimeText, Editplus, vscode 등)를 통해서 파일이름.html이라고 저장합니다. 확장자가 .html로 들어가는 것을 꼭 확인해주세요. 위의 기본 구조들만 먼저 확인하자면 전체 html 문서를 감싸는 최상위 태그입니다. html파일 안에 한 번 존재하고 이 밖에는 를 제외한 다른 태그가 존재하지 않습니다. 문서를 설명하는 태그로 웹페이지의 제목, 키워드.. 이전 1 다음
