2023. 8. 24. 12:52ㆍSpring 활용 통합 시스템 개발/HTML , CSS
HTML 태그
<h숫자> 태그 사용 예제
html 태그를 사용한 html 파일에서 마우스 오른쪽 버튼 클릭하면 Open with Live Server 클릭한다
<p> 단락태그 사용 예제
<br> 태그 사용예제 - 줄바꿔 텍스트 내용을 출력하는 기능이 있다
<hr> 수평선 긋기 예제
<blockquote> 인용 태그 사용 예제 - <blockquote> 태그를 사용하면 텍스트 내용을 들여쓰기할 수 있다
<q> 태그 사용 예제 - ""가 출력된다.
태그 사용 예제 - 제주 이색 여행
<p>로 감싼 내용은 줄 간경이 띄워진다. - 11번줄, 12번
<pre> 태그 사용 예제
<pre> - 입력하는 그대로 표시
기본적으로 여러 칸 공백이더라도 한 칸만 공백 출력되지만
<pre>를 감싼 부분은 입력 그대로 표시되어 여러 공백 칸이 표시된
<em> <i> 태그 사용 예제 - 제주 이색 여행지 - 이중섭 거
<span> 사용 예제
<span>으로 감싼 범위의 텍스트 글자를 바꾸는 연습
<ul><li> 사용 예제
<ol><li> 사용 에제
<ul><ol> 태그 혼용 연습 - 제주여행 일정
<ol>태그의 type속성을 이용하여 목록에 숫자대신 알파벳을 붙이고 알파벳 중간부터 표시하는 연습
<dl>, <dt>, <dd> 개념 - 제목과 그에 대한 설명으로 이루어진 목록
<ol>, <dl>, <ul> 태그 혼용 예제
<tr><th><td> 태그로 table 만들기
<table> 태그 사용 예제
colspan 속성으로 3열을 합치는 연습
'Spring 활용 통합 시스템 개발 > HTML , CSS' 카테고리의 다른 글
CSS5 (0) | 2023.08.29 |
---|---|
CSS4 (0) | 2023.08.28 |
CSS3 (0) | 2023.08.28 |
HTML3 (0) | 2023.08.25 |
HTML1 (0) | 2023.08.23 |