24.09.13(HTML 기초)

jiiiiiiiArchive.·2024년 9월 13일

🤯지식주머니🤯

목록 보기
16/98
post-thumbnail

HTML 기본 예제

<!DOCTYPE> 선언
  • 문서 유형
  • 페이지 상단(HTML 태그 앞) 한 번만
<!DOCTYPE html>
HTML 문단
  • 문단은 항상 새 줄에서 시작
  • 브라우저는 문단 앞과 뒤에 자동으로 공백 추가
<p>여기는 문단</p>
HTML 링크
<a href="https://www.naver.com"> 네이버 </a>
  • href 속성
    • 태그 a는 하이퍼링크 정의
    • href 속성은 링크가 이동하는 페이지의 URL 지정
HTML 이미지
<img src="./dog.jpeg" width="400px", height="300px">
<p style="color:FF6666;font-size:120px"> 수학 </p>
  • src 속성
    • 태그 img는 HTML 페이지에 이미지를 삽입하는 데 사용
    • src 속성은 표시할 이미지 경로 지정
  • width, height 속성
    • 너비와 높이(픽셀 단위) 지정
  • style 속성
    • 색상, 글꼴, 크기 등의 스타일을 요소에 추가하는 데 사용
    • 배경색, 텍스트 색상
  <div style="background-color:green;"> 초록색 영역입니다.
  <br> hello world </div>

  <p style="color:red;"> 국어 </p>
  • HTML 테이블
<div>
	<table border="1">
		<tr>
			<td colspan="2">첫번째두번째</td><td>세번째</td>
		</tr>
		<tr>
			<td>네번째</td><td style="background-color:yellow;">다섯번째</td><td>여섯번째</td>
		</tr>
		<tr>
			<td>일곱번째</td><td colspan="2">여덟번째아홉번째</td>
		</tr>
	</table>
</div>

Comment) 많은 tag들이 있다. 하나하나 다 외울 수 없으니 찾아가면서 공부할 것!!

profile
이것저것 다 적는 기록장📚

0개의 댓글