반응형

코딩 23

3. 여러 tag를 알아보자 1장 (h1 ~ h6, span, p, a, div)

여러 tag를 알아보자 1장! 여러가지 tag를 알아보도록 하겠습니다. 1 - 1. h1 ~ h6 tag는 heading 1 의 줄임말입니다. ~ 까지 있습니다. 위 사진을 보면 이 제일 크고 숫자가 커질수록 글씨 크기가 작아지는걸 볼 수 있습니다. 1 - 2. tag는 주로 텍스트를 넣어줍니다. 사용 법은 위와 같고 보다시피 개행이 되지 않고 한줄에 이어 나오는걸 볼 수 있습니다. 이렇게 한줄에 이어 나오는 요소를 inline-element라고 합니다. 1 - 3. tag 또한 텍스트를 주로 넣는 tag입니다. tag는 paragraph의 줄임말로, 주로 문단을 통으로 넣을때 사용합니다. tag는 tag와 달리 개행(줄바꿈)이 되는것을 확인이 가능합니다. 1 - 4. tag는 클릭하면 링크된 곳으로 화..

HTML,CSS 2021.01.11

2. HTML 파일의 구조

1. HTML 파일의 구조 HTML 파일의 구조에 항상 아래와 같습니다. 위 코드를 한번 살펴보도록 합시다. 1 - 1. HTML 파일의 제일 첫 째줄에 위치하는 선언문 입니다. 는 HTML 태그는 아닙니다. 해당 html 파일이 어떤 버전의 html을 사용했는지 브라우저에 알려주는 역할을 합니다. 선언을 해주면 html5 버전을 사용한다는 의미입니다. html5는 가장 최신 버전 입니다. 1 - 2. 를 제외한 모든 요소들을 감싸는 tag입니다. 브라우저가 을 만남으로써 html의 시작을 감지하고 요소를 그릴 준비를 합니다. 1 - 3. 위와 같이 문자 셋을 지정해 주거나() 모바일 기기를 고려한 정보를 주기도 합니다() 그리고 웹 페이지의 이름에 대한 정보도 줍니다(repl.it). 1 - 4. ta..

HTML,CSS 2021.01.11

1. HTML(Hypertext Markup Language)의 정의와 기능

1. HTML(Hypertext Markup Language)의 정의와 기능 안녕하세요!! 오늘은 HTML의 정의와 기능에 대해서 알아보려고 합니다. 한번 확인해봅시다! HTML은 웹 페이지를 만들기 위한 Markup 언어이다. HTML은 구조가 단순하고 다른 프로그래밍 언어에 비해 단순한 구조를 가지고 있어 문법이 쉽다. HTML로 웹페이지의 구조를 잡을 수 있습니다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등 웹사이트에 보여줄 내용을 구성하고 있습니다. HTML은 위 특징 말고도 다른 많은 특징들이 있습니다. 2. HTML 파일 HTML파일은 끝에 .html 확장자가 붙은 테스트 파일입니다. 파일 이름은 다음과 같이 정할 수 있습니다. index.html main-page.html login..

HTML,CSS 2021.01.11
반응형