본문 바로가기

아래로 스크롤 해주세요!

My Reference Book

-

제가 배웠던것을 한곳에 정리해보았어요!

HTML

HTML 태그 톺아보기

HTML

자세히보기

CSS

CSS 속성 톺아보기

CSS

자세히보기

JAVASCRIPT

JS 실행문 톺아보기

JAVASCRIPT

자세히보기

최신댓글

HTML

HTML : 기초

by C0Di 2022. 7. 26.
728x90

HTML 기본 문서

html 요소는 <head> 요소와 <body 요소> 로 구성되어 있으며,
<head> 요소 안에는 <meta>, <title>, <link>, <style>, <script> 등의 요소들이 올 수 있습니다


요소명 설명
<meta> HTML 문서의 설명, 키워드, 문서의 작성자 등을 지정합니다.
<title> HTML 문서의 제목을 지정합니다.
<link> 외부의 CSS 파일을 HTML 문서에 연결할 때 사용합니다.
<style> HTML 문서 내에서 스타일(CSS)을 정의합니다.
<script> 자바스크립트를 HTML 문서 내부에서 정의하거나 외부에서 자바스크립트 파일을 불러올 때 사용합니다.

[예시 1-1]에서 <html lang="ko">나 <meta charset="UTF-8">처럼 태그 내부에 부가적인 설정값을 선언하는 것을 속성(attribute)이라고 합니다.

lang 속성은 HTML 문서에서 사용하는 언어를 말하며 lang="ko"는 한국어, lang="en" 영어를 의미

lang 속성 중요이유 언어 설정에 따라 시각장애인들을 위해 읽어주는 프로그램이 설정 언어에 맞게 읽어주기 때문

lang 속성은 HTML 문서에서 꼭 정의해야 하는 속성

<i lang="de">Ich liebe dich</i>

HTML5의 문자 인코딩 방식으로 주로 사용

728x90
반응형

'HTML' 카테고리의 다른 글

벡터/비트맵  (5) 2022.08.09
W3C 웹 표준에 대하여 알아보자~~~!!!  (7) 2022.08.08
블록/인라인 요소가 뭘까?  (3) 2022.07.27
시멘틱 마크업에 대하여  (3) 2022.07.27
기본 규칙  (5) 2022.07.26

댓글

#HASH_TAGS

-

1

이건 또 뭐람 JQuery 내일은 즐거운 월요일 울적하니 꽃을 달아봤습니다 메서드 화사한가요? ImageSlideEffect 오늘은 내가바로 오징어! 숙제가 다양해서 너무 좋아요 오늘도 웹표준은.. 코딩 다크모드 오징어 두마리 포획 완료 테스트 오늘 조업 마감했습니다. 필터선택자 멈추지 않는 ' j ' 시리-즈 코드 공부 Method 선택해주세요 scroll-snap-type HTML 슬라이드 결과 : 월요일 오징어 1Kg 당 3000원 제이쿼리 scroll-snap-align 오징어 한마리 수확 완료! 테스트테스트