text
-
[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의 줄임말 - 공백, 태그 등이 모두 표시 ..