CSS

HTML/CSS - 드림코딩 기초 개념 강의

HTML/CSS - 드림코딩 기초강의 https://www.youtube.com/watch?v=i0FN-OwJ7QI&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=5 https://www.youtube.com/watch?v=gGebK7lWnCk&list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y&index=7 HTML/CSS 기초를 다지기 좋은 강의다. HTML 2개 강의 ,CSS 2개강의로 총 5개 정도로 이루어져있는데, 복습용으로 하루만에 다 봤다. 정리용으로 보기 추천!

HTML/CSS 웹프로그래밍 - HTML 한글 , UTF-8

HTML/CSS - HTML 한글 , UTF-8 HTML에서 한글을 사용하다보면 글이 깨져서 나오는 경우들이 있다. 깨지는걸 방지하기 위해서 사용하는 것이 바로 utf-8 이다. 이렇게 넣어서 사용하자 * meta 태그는 head 내에 넣어야 오류없이 작동하니 참고하자.

HTML/CSS - <b> 태그 HTML 굵게 쓰기 , <i> 태그 HTML 날려쓰기

HTML/CSS - 태그 HTML 굵게 쓰기 , 태그 HTML 날려쓰기 HTML 에서 글에 굵게 쓴 효과를 주려면 어떻게 해야할까 바로 이 태그로 묶어주면 된다. 이 태그로 묶인 글은 이렇게 굵게 표시되는 걸 확인할 수 있다. ------------------------------------------------------------------------------------------------------------------------------ 이번에는 날려쓰기 효과를 줘보자. 이렇게 태그로 묶어주면 된다. 그러면 해당부분이 날려쓰기 효과를 받는 것을 알 수 있다. ---------------------------------------------------------------------------..

HTML/CSS - 기초 HTML 구조

HTML/CSS - 기초 HTML 구조 HTML 의 구조에 대해서 살펴보자. 이게 간단한 HTML의 구조이다. 은 웹브라우저에게 HTML 버전을 사용한다는 것을 알려주는 역할을 한다. 따로 버전을 명시하지 않으면 최신 버전인 html5 를 사용하게 된다. 은 웹사이트의 제목 역할을 한다. 이렇게 웹페이지를 만들면 상단에 뜨는 웹페이지의 제목을 말한다. 는 head 의 줄임말로 웹페이지의 머리말 역할을 한다. . . . 순으로 머리말의 순서가 정해지며, 글씨 크기 또한 점점 줄어드는 것을 확인할 수 있다. 는 웹페이지의 문단 역할을 한다. 보통 긴글이나 내용들은 이 내에 많이 적는다. 위의 HTML 을 실행시켜보면, 이러한 결과물을 확인할 수 있다. 에 맞게 글씨 크기와 문단순서가 정해져 있는 것을 확인할..

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

html 에서 코드를 작성할때 필수적으로 작성해야하는 코드가 있다 바로 이 코드이다. 는 웹브라우저에게 어떤 버전을 사용할것인지를 알려주는 역할을 한다. 은 제일 최신버전의 html을 사용하는것을 말한다. (현재의 최신버전은 html5 이다.) HTML 코드를 작성할때 맨 1번째 라인에 입력하면 된다. 태그 title 태그는 웹사이트의 제목을 설정해줄때 사용한다. 이렇게 입력하면 웹사이트 창에서 이렇게 보여지게 될 것이다. 태그 h 태그는 머리말을 나타낸다 이런식으로 순차적으로 사용할 수 도 있다. 이렇게 입력해보면 이런 결과물을 얻을 수 있다. 참고로 h1에서 h2, h3... 로 갈수록 폰트크기의 기본값은 작아지게 된다. 태그 p태그는 문단을 나눌때 사용한다. p태그로 감싸 두 문단을 만들어보면 이러..