06. HTML / 요소 - 인라인 텍스트 & 수정

a 태그 ( 다른 페이지, 같은 페이지 위치 ( #, 해시 태그) , 파일, 이메일 주소 등 다른 URL로 연결할 수 있는 하이퍼

링크를 설정 , 버튼용도로 쓰이기도 한다. )

a태그를 버튼 형식으로 만들 때

a태그로 같은 페이지 이동 (같은 페이지내에서 이동)

abbr 태그 ( 약어로 사용된 용어가 있다면 설명을 추가해주는 태그 )

b 태그 ( 문체가 다른 글자의 범위를 설정 )

- 특별한 의미를 기지지 않는다. (중요해서 쓰는 거 아님)

- 읽기 흐름에 도움을 주는 용도로 사용.

mark 태그 ( 형광팬 처럼 글자에 하이라이팅이 된다. )

em 태그 ( 단순한 의미를 강조를 표시 )

- b태그와 mark태그와 다르게 의미를 가진다. (중요 하다는)

strong ( 의미의 중요성을 나타내기 위해 사용)

- 기본적으로 글자가 두껍개 표시됨 ( 강조랑 중요랑 다름 )

i 태그 ( 아이콘과 특수기호 같은 곳에 사용 )

dfn 태그 ( 용어를 정의할 때 사용 ) < dl, dt, dd 태그도 있음 (용어가 많을 때 사용)>

- 표시하는 것은 아니고 프로그램상 용어라고 지정을 하는 개념

cite 태그 ( 창작물에 대한 참조를 설정 )

- 책, 논문, 영화 , tv프로그램등의 제목등을 설정

q 태그 (짧은 인용문을 설정)

- 긴 인용문을 설정할 경우 <blockquote>를 사용

u 태그 ( 밑줄이 있는 글자를 설정 )

- 순수하게 꾸미는 용도의 요소로 사용 (css로 활용할 수 있으면 css를 사용)

- 밑줄 제거 ( 속성 text-decoration : none; ) 밑줄 생성은 underline;

code 태그 ( 컴퓨터의 코드 범위를 설정 )

kbd 태그 ( 키보드에서 사용자 입력을 나타내는 텍스트 범위를 설정 )

- 출력이 되는건 다른 글자랑 다르지는 않음 -> css 를 입혀서 차이점을 준다.

sup, sub 태그 ( 위 첨자와 아래 첨자를 설정 )

ex) 2의 2승할때 2승이 위에 있으니 위첨자를 사용하여 설정한다.

time 태그 ( 날짜나 시간을 나타내기 위한 목적으로 사용 )

- 속성에는 datetime이 있고 값으로는 Date

span 태그 ( 본질적으로 아무것도 나타내지 않는 콘턴츠 영역을 설정 ex) div 같은 )

- 글 중간중간에 어느 부분만 스타일을 변경하고 싶을 때 사용하면 유용하다.

br 태그 ( 엔터의 기능 {빈태그} )

- 많이 띄우고 싶다고 해서 많이 사용하면 안 좋다 . html 구조상 좋지 않음 ( 많이 띄우고 싶다면 스타일상 css에 조정을 해야한다 ) -> line-height 를 사용하여 한줄의 높이를 높여준다.

del 태그 , ins 태그 ( del 은 원래 있던 상태에서 제거하기 위한 표시, 원래는 없었지만 추가됬다는 표시는 ins 태그 )