본문 바로가기
IT관련/HTML

[HTML] 태그 정리(3) - HR태그 (속성 size / width / align / noshade / color

by 확고 2022. 1. 8.
728x90
반응형

 

구분 설명 사용 예시
<hr> 태그 정의 ※ 가로 수평선으로 내용을 분리시킬 때 사용

- 종료 태그 없는 홀 태그 형식(종료 태그를 사용해도 문제없음)
- 구역을 나타내는 블록 레벨 요소
<hr size=2
width=100
align=right
noshade=noshade
color=pink>

→ 가로 수평선
두께 2, 길이 100,
오른쪽 정렬, 음영 효과
없이 분홍색으로 만들어라

※ 속성에 값을 넣을 때
큰따옴표 또는 작은따옴표
사용/생략할 수 있음
size 속성 ※ 선의 두께 지정
width 속성 ※ 선의 가로 수평 길이 지정
align 속성 ※ 수평선의 정렬 방식 지정

- 정렬 종류 : center(중앙) / left(왼쪽) / right(오른쪽)
- 기본 정렬 방식 : center(중앙)
noshade 속성 ※ 음영 효과 제거
(size를 늘릴수록 음영효과가 보이는데 이러한 음영 효과를 제거)
color 속성 ※ 수평선의 색상 지정


▼ (전 게시물) 태그 정리(2) - 아래 링크 이동

 

[HTML] 태그 정리(2) - DOCTYPE / <html> / <head> / <title> / <body>

종류 설명 사용 예시 <!DOCTYPE HTML> 문서의 종류와 버전으로 최상단에 위치 <!DOCTYPE HTML> 창제목 본문내용 문서의 맨 처음과 맨 끝에 위치 HTML 문서의 큰 제목 부분(요소를 담는 컨테이너) 웹 페이지

j-growthdiary.tistory.com

 

▼ (후 게시물) 태그 정리(4) - 아래 링크 이동

 

[HTML] 태그 정리(4) - 시맨틱 요소 (<p> / <div> / <hgroup> / <header> / <nav> / <section> / <article> / <aside> / <foote

시맨틱 요소 종류 (단락 구분 태그) 설명 화면 출력 앞/뒤로 빈 줄 1개가 생김 (연달아서 쓸 경우 빈 줄 2개 아닌 1개만 표시) HTML5 전에 사용하던 단락 구분 태그 현재에도 많이 사용하고 있음 HTML5

j-growthdiary.tistory.com

 

▼ (첫 번째 게시물) 기본 용어 정리 - 아래 링크 이동

 

[HTML] 기본 용어 정리 (HTML 정의 / 요소 / 태그 / 속성 / 속성값)

HTML 의의 Hyper Text Markup Language의 약자로 웹 페이지를 만드는데 필요한 프로그래밍 언어 태그, 속성, 속성 값 등의 요소로 구성됨  - Hyper Text : 텍스트에 하이퍼링크 설정이 가능하고 텍스트들이

j-growthdiary.tistory.com

728x90
반응형

댓글