072DATA

2023-11-23 : l 본문

FrontEnd/HTML, CSS, JavaScript

2023-11-23 : l

0720 2023. 11. 23. 23:09

 

HTML의 기본구조

문서 유형 (EX/<!doctype html>)

<html lang="ko">
머리   <head>
문서의 각종 정보와 문서 자체에 대한 설명 내용
        </head>

몸체   <body>
  화면에 출력해서 보여주는 모든 정보/내용
head에 들어가는 태그를 제외하고 모든 태그 사용
        </body>
</html>


HTML
주의사항

태그는 대 소문자를 구분하지 않음 소문자 권장

시작 태ㅡ로 시작하면 반드시 종료태그로 종료

파일 확장자는 반드시 HTML 또는 HTM 사용

 

이미지  삽입

<img src="삽입하고자 하는 이미지의 경로/이미지파일명.확장자"[alt="이미지의 설명 문구"]>

 

고정길이단위(px) == 기본값 : 화면 사이즈가 조정이 되어도 이미지의 크기는 변경되지 않는다.
<img src="resources/img/winterfox.jpg" width="250" height="200">

가변길이단위(%) : 화면사이즈 또는 부모요소사이즈에 따라 이미지의 크기도 같이 변경됨
<img src="resources/img/winterfox.jpg" width="23%" height="200">


 줄바꿈 태그

<hr> 수평선을 넣는 태그
 h 태그 관련 <h1 ~ h6> 제목 글씨(굵은 글씨체)
ctrl + k o : 별도의 브라우저 열기
shift + alt + f : 코드 정렬
브라우저 열기 : Alt + B

PREVIEW : CTRL + Q S OR F1

블록 잡고 태그 넣기 : ALT + W

'FrontEnd > HTML, CSS, JavaScript' 카테고리의 다른 글

관계형 데이터베이스와 비관계형 데이터베이스  (0) 2024.07.18
BootStrap을 활용하여 페이지 구성하기  (1) 2024.07.17
CSS - Margin, Padding 정리  (0) 2024.07.16
HTML 글꼴 관련 스타일  (2) 2023.11.28
CSS 텍스트 관련 스타일  (1) 2023.11.27
'FrontEnd/HTML, CSS, JavaScript' Related Articles more