언어/HTML
-
[HTML] 이미지 태그언어/HTML 2022. 7. 3. 18:06
웹에서 사용하는 이미지 형식. 파일 형식 GIF(Graphic Interchange Form) 표시할 수 있는 색상 수 최대 256가지 다른 이미지 파일 형식에 비해 파일 크기가 작기 때문에 아이콘이나 불릿 등 작은 이미지에 주로 사용함 투명한 배경이나 움직이는 이미지를 만들 수 있다는 장점이 있음 JPG/JPEG (Joint Photographic Experts Group) 사진을 위해 개발된 형식 GIF보다 다양한 색상과 명암을 표현할 수 있다 저장을 반복하다보면 화질이 떨어질 수 있음 (왜?) PNG(Portable Network Graphics) 투명 배경을 만들면서 다양한 색상도 표현할 수 있으며 네트워크용으로 개발 됨 img : 이미지 삽입 이미지 속성에 대한 이해 - src : 이미지 파일이..
-
[HTML] 표를 만드는 태그언어/HTML 2022. 6. 28. 02:02
표(table)은 행(row)와 열(column)으로 이루어져 있고, 행과 열이 만나 이루는 영역을 셀(cell)이라고 부른다. table, tr, td, th 태그 - 기본적인 표 만들기 제목 셀 내용 내용 ... ... - th : 표에 제목 셀 만들기 - tr : 행 만들기 - td : 행마다 셀 만들기 - 행 또는 열을 합치기 위해서는 colspan 또는 rowspan 속성을 사용 - colspan="합칠 셀의 개수" 또는 rowspan="합칠 셀의 개수" caption 태그, figcaption 태그 - 표에 제목 붙이기 표 제목 ... - caption 태그 안에 다른 태그를 사용해 제목을 여러줄로 표시하거나 텍스트를 꾸밀 수 있음 - 표의 위쪽 중앙에 표시 표 제목 ... - figcapti..
-
[HTML] 텍스트 관련 태그(3) - 목록을 만드는 태그언어/HTML 2022. 6. 20. 23:31
ul > li 순서 없는 목록 만들기(순서 없는 기호) - ul : unordered list의 줄임말 - li : list item의 줄임말 - 각 항목 앞에 작은 원이나 사각형 같은 불릿(bullet)이 붙음 - 불릿은 css의 list-style-type 속성을 이용해 수정 - list-style-type : dics(●), circle(○), square(■), none (불릿 없앰) ol > li 순서 목록 만들기(순서 있는 기호) - ol : ordered list의 줄임말 - 목록의 숫자 표기 방법이나 시작하는 숫자 등을 바꿀 수 있음 - 속성 - type : 숫자의 종류를 다양하게 조절할 수 있음 - 1(숫자.기본값), a(영문 소문자), A(영문 대문자), i(로마숫자 소문자), I(로마..
-
[HTML] 텍스트 관련 태그(2) - 텍스트를 한 줄로 표시하는 태그언어/HTML 2022. 6. 16. 12:32
strong, b - 텍스트를 굵게 표시하는 기능 - b는 bold의 줄임말 - 눈으로 볼때는 두 태그가 느껴지지 않지만 화면 낭독기에서는 구분 되기 때문에 구분해서 사용 - 경고나 주의 사항처럼 중요한 내용이여서 강조해야할 때는 strong (화면 낭독기에서 강조되었다고 알림) - 단순히 굵게 표시할 때는 b em, i - 비스듬한 이탤릭체로 표시하는 기능 - em은 emphasis의 줄임말, i는 italic의 줄임말 - 문장에서 특정 부분을 강조하고 싶을 때는 em - 마음 속의 생각이나 꿈, 기술적인 용어, 다른 언어의 관용구 등에는 i q - 인용한 내용을 표기하기 위한 것 - quote의 줄임말 - blockquote와 다른 점은 인라인 레벨 태그라는 것 - 줄바꿈 없이 다른 내용과 함께 표시..
-
[HTML] 텍스트 관련 태그(1) - block으로 묶어 처리하는 태그언어/HTML 2022. 6. 12. 19:00
h1 ~ h6 ~ - 제목 표시 - heading의 줄임말 - 일반 텍스트보다 굵고 진하게 표시된다. - 글자 크기 h1 > h2 > h3 > h4 > h5 > h6 p - 단락을 나누어주는 태그 - paragraph의 줄임말 - 단락이란 ? 앞뒤에 줄바꿈이 있는 텍스트 덩어리 br - 줄 바꿈 태그 - break의 줄임말 - 닫는 태그가 없다. hr - 수평 줄 태그 - horizontal의 줄임말 - 닫는 태그가 없다. blockquote - 인용문 - 다른 텍스트보다 안으로 들여 써진다. - 인용한 사이트 주소가 명확할 경우, cite 속성을 이용해 인용 사이트 주소를 표시해주도록 하자. pre - 입력하는 그대로 화면에 표시하는 태그 - preformat의 줄임말 - 공백, 태그 등이 모두 표시 ..