[WEB]

[HTML & CSS] block & inline

HTML태그는 두가지 형태의 속성을 가지고 브라우저에 출력됩니다. 블록(block)형태 인라인(inline)형태 1. block 형태 블록(block)형태의 속성을 가진 태그들은 네모 블록 모양을 가집니다. 블록형태의 속성을 가진 태그는 항상 새로운 줄에서 시작하며, 해당 줄의 모든 너비를 차지합니다. 1-1. 태그 태그는 division의 약자로, 블록형태의 속성을 가지며 레이아웃을 나누는데 주로 사용하는 태그입니다. 다른 HTML태그들을 레이아웃 형태로 묶는데 사용되고, 하나로 묶인 HTML태그에 CSS스타일을 한번에 적용하는데 사용합니다. 기본적인 형식은 다음과 같습니다. content1 content2 태그안에 style속성을 적용할 수 있고 이전에 공부한 태그들을 넣어 꾸밀 수 있습니다. 예시)..

[HTML & CSS] HTML 기본태그 4 - <img>, <list>, <table>

이전글 HTML 기본태그 3의 연장입니다. 1. img 태그 2. list 3. table 1. img태그 태그는 image의 약자이며, HTML에서 이미지를 삽입할때 사용하는 태그입니다. 그리고 종료태그가 없는 empty 태그입니다. 기본형식은 다음과 같습니다. 태그는 src와 alt속성과 함께 사용합니다. src는 source의 약자로, 이미지가 있는 url주소를 입력합니다. alt는 alternative의 약자로, url주소를 잘못 입력하거나 문제가 발생하여 이미지 사용을 할 수 없는 경우 브라우저에 보여주게 될 대체 텍스트입니다. 예시) 결과) 이미지가 브라우저에 표시되고, 에러가 발생하여 표시되지 않을때는 alt속성의 속성값으로 적어준 대체 텍스트가 출력됩니다. 1-1. width속성, heig..

[HTML & CSS] HTML 기본태그 3 - <q>, <abbr>, <Link>

이전글 HTML 기본태그 2의 연장입니다. 1. q와 blockquote태그 2. abbr 태그 3. HTML Link 1. 와 태그 1-1. 태그 ~태그는 quote의 약자이며, 짧은 문장을 인용할때 사용하는 태그입니다. 브라우저에서는 큰 따옴표로 표현됩니다. 예시) 이렇게 큰 따옴표로 표시가 됩니다. 결과) 1-2. 태그 ~태그는 긴 문장을 인용할때 쓰이는 문장이며 브라우저에서는 들여쓰기로 표시됩니다. 은 cite 속성을 이용하여 인용한 문장의 출처를 밝히는데 사용합니다. 예시) 긴 인용문 HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 홈페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 꺽쇠괄호""를 사용하여..

[HTML & CSS] HTML 기본태그 2

이전글 HTML 기본태그의 연장입니다. 1. 와 태그 1-1. 태그 ~태그는 Bold의 약자로, 텍스트를 굵게 칠해주는 역할을 합니다. 텍스트를 굵게 표시하는 태그입니다. 예시) 텍스트를 굵게 표시하는 태그입니다. 결과) 1-2. 태그 ~태그는 텍스트를 굵게 칠하면서 의미를 강조하는 태그입니다. 예시) "b"태그와 비슷하게 텍스트가 굵게 표시됩니다. 결과) 3. 와 태그 3-1. 태그 ~ 태그는 italic의 약자로, 텍스트를 이텔릭체로 바꿔주는 역할을 하는 태그입니다. 텍스트를 이텔릭체로 바꿔줍니다. 예시) 텍스트를 이텔릭체로 바꿔줍니다. 결과) 3-2. 태그 ~ 태그는 emphasize의 약자로, 텍스트를 이텔릭체로 바꿔줍니다. 텍스트를 이텔릭체로 바꿔줍니다. 예시) 텍스트를 이텔릭체로 바꿔줍니다. ..

[HTML & CSS] HTML 기본태그

1. empty tag 태그의 구조는 시작태그와 컨텐츠 그리고 종료태그가 있다고 했습니다. 하지만 시작태그만 존재하고 컨텐츠와 종료태그가 없는 태그가 있습니다. 그런 태그를 empty tag라고 부릅니다. 대표적으로 태그가 있습니다. 2. 중첩 tag 중첩이란 겹치거나 포개어짐을 의미합니다. 예시) 제목입니다. 문단입니다 태그는 제목입니다. 1 문단입니다. 중첩을 할거면 시작태그와 종료태그를 확실히 해야합니다. 종료태그가 오기전 새로운 시작태그가 올 수 없습니다. 3. HTML 헤딩 ~ : heading의 약자로 하나의 제목을 만들떄 사용합니다. 부터 까지 존재합니다. 이 가장 크고 굵은 글자가 되고 는 가장 작은 글자가 됩니다. 4. Paragraphs ~ : paragraphs 문단의 약자로, 하나의..

[HTML & CSS] HTML 기본 구조와 구성 요소

1. HTML5란? 웹 페이지를 기술하기 위한 마크업(markup)언어 태그를 이용해서 문서의 구조를 표현합니다. HTML은 태그로 이루어진 요소(element)로 구성됩니다. - 태그는 대소문자를 구분하지 않습니다. 2. 구성 요소 HTML은 태그를 통해 문서를 표현한다고 했습니다. 태그들에 대해 알아보겠습니다. 2-1. 요소(element) - 시작태그와 종료태그로 이루어진 문서의 구성 요소 2-2. 속성(attribute) - 속성은 요소에 대한 추가적인 정보를 제공합니다. 속성은 항상 시작 태그에 이름="값" 형태로 기술됩니다. 3. HTML의 기본 구조 - 브라우저는 을 이용해 HTML 문서로 인식합니다. - 로 시작해서 로 끝이 납니다. - HTML문서는 가장 큰 태그에 태그가 있고 그 안에 ..