구분 | 설명 | 사용 예시 |
<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
'IT & 일상기록 > HTML' 카테고리의 다른 글
[HTML] 태그 정리(4) - 시맨틱 요소 (<p> / <div> / <hgroup> / <header> / <nav> / <section> / <article> / <aside> / <footer>) (0) | 2022.01.11 |
---|---|
Tomcat v9.0 서버 실행 오류/포트 번호 변경 방법 (0) | 2022.01.10 |
[HTML] 태그 정리(2) - DOCTYPE / <html> / <head> / <title> / <body> (0) | 2022.01.08 |
[HTML] 색상 표현 방법 2가지(영문명/16진수) / 색상 팔레트 (0) | 2022.01.07 |
이클립스 외국어 인코딩 설정 방법(Eclipse Encoding) (0) | 2022.01.05 |
댓글