GitHub ID : soohyun-dev
윤수현의 개발 공간
GitHub ID : soohyun-dev
전체 방문자
오늘
어제
  • 분류 전체보기 (918)
    • 성장기록 (49)
      • 성장기록 (3)
      • 우아한테크코스 (16)
      • 프로젝트 (15)
      • TIL (14)
      • 테오의 스프린트 (1)
    • 프로그래밍언어 (88)
      • C언어 (14)
      • HTML\CSS (12)
      • JavaScript (7)
      • React (23)
      • Python (11)
      • JAVA (14)
      • TypeScript (6)
    • 알고리즘 공부 (736)
      • 코드업 - 파이썬 (108)
      • 백준 - 파이썬 (468)
      • 백준 - 자바스크립트 (125)
      • 프로그래머스 - 파이썬 (1)
      • 프로그래머스 - 자바스크립트 (34)
    • 책 리뷰 (9)
      • 프로그래밍 (3)
      • 독서 (6)
    • 전자기기 (1)
    • 일상, 일기 (18)
    • 기술 세미나 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코딩
  • 코딩테스트
  • 영어
  • 코드업
  • 파이썬
  • 프로그래머스
  • 독해
  • PYTHON
  • 프로그래머스풀이
  • 백준
  • 프로그래밍언어
  • 프론트엔드
  • 코드업파이썬
  • 자바스크립트
  • 코테
  • 백준풀이
  • 프로그래머스자바스크립트
  • javascript
  • 영어독해
  • 백준파이썬

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
GitHub ID : soohyun-dev

윤수현의 개발 공간

HTML - 시작하기(기본 태그)
프로그래밍언어/HTML\CSS

HTML - 시작하기(기본 태그)

2021. 8. 5. 01:56

html 에서 코드를 작성할때 필수적으로 작성해야하는 코드가 있다

 

바로 이 코드이다.

 

 

<!DOCTYPE html>

<!DOCTYPE > 는 웹브라우저에게 어떤 버전을 사용할것인지를 알려주는 역할을 한다.

 

<!DOCTYPE html> 은 제일 최신버전의 html을 사용하는것을 말한다.

(현재의 최신버전은 html5 이다.)

 

HTML 코드를 작성할때 맨 1번째 라인에 입력하면 된다.

 

 

 

 

 

<title> 태그

 

title 태그는 웹사이트의 제목을 설정해줄때 사용한다.

 

이렇게 입력하면 웹사이트 창에서

 

 

이렇게 보여지게 될 것이다.

 

 

 

<h> 태그

 

h 태그는 머리말을 나타낸다

 

<h1>

 

<h2>  이런식으로 순차적으로 사용할 수 도 있다.

 

이렇게 입력해보면

 

 

이런 결과물을 얻을 수 있다.

 

참고로 h1에서 h2, h3... 로 갈수록 폰트크기의 기본값은 작아지게 된다.

 

 

 

<p> 태그

 

p태그는 문단을 나눌때 사용한다.

 

 

p태그로 감싸 두 문단을 만들어보면

 

 

이러한 결과물을 얻을 수 있다.

 

p태그로 마침을 하게되면 다음 줄로 넘어가게 된다.

반응형

'프로그래밍언어 > HTML\CSS' 카테고리의 다른 글

CSS - selectors 연습 게임  (0) 2022.01.06
HTML/CSS - 드림코딩 기초 개념 강의  (0) 2022.01.06
HTML/CSS 웹프로그래밍 - HTML 한글 , UTF-8  (0) 2021.09.29
HTML/CSS - <b> 태그 HTML 굵게 쓰기 , <i> 태그 HTML 날려쓰기  (0) 2021.09.29
HTML/CSS - 기초 HTML 구조  (0) 2021.09.24
    '프로그래밍언어/HTML\CSS' 카테고리의 다른 글
    • HTML/CSS - 드림코딩 기초 개념 강의
    • HTML/CSS 웹프로그래밍 - HTML 한글 , UTF-8
    • HTML/CSS - <b> 태그 HTML 굵게 쓰기 , <i> 태그 HTML 날려쓰기
    • HTML/CSS - 기초 HTML 구조
    GitHub ID : soohyun-dev
    GitHub ID : soohyun-dev
    환영합니다!😊 이곳은 저의 개발에 관한 내용들을 정리하는 공간입니다. 알고리즘 풀이에도 관심이 많아요. 좋은 하루 되세요~! github : soohyun_dev

    티스토리툴바