본문 바로가기

728x90

HTML + CSS 시리즈🕸/HTML & CSS 시리즈(V 1.0)25

CSS 무엇인가? | HTML & CSS 시리즈 005 HTML 은 알겠는데 CSS 는 뭐야? 이처럼 html 은 내용을 css 는 스타일을 담당한다고 보면 된다. 마치 폰트 크기(Font-size), 텍스트 정렬(text-align), 텍스트 색(color), 여백(margin) 이런 모든 꾸며주는것들을 당당하는게 CSS 이다. 위에 사진을 보면 밑으로 부터 CSS 라고 보면된다. 말 그대로 스타일 담당 하는 코드들인데 작성법은 1. 스타일 해주고 싶은 태그를 먼저 적어준다. ex) h 또는 p 또는 p 안의 em을 스타일 해주기위해서는 p em { 블라블라; } 2. 위에서는 h (헤더)를 꾸며주기위해 h 를 먼저 적고 { }를 적는다. 3. 그리고 { } 안에 다가 스타일 코드를 적으면 되는데 위 코드를 보면, 텍스트 사이즈 , 텍스트 위치 에 대해 설.. 2021. 7. 22.

만약 한글이 깨진다면? | HTML & CSS 시리즈 004 만약 한글이 깨진다면? 어떻게 해결해야 하나요? 한글을 지원하는 브라우저에서는 발생하지 않는다. ex) 크롬 그렇지만 한글을 지원하지 않는 브라우저에서는 한글이 깨져서 나온다고 한다. ex) 사파리 그렇다면 어떻게 해결해야할까? 위에 사진 처럼 을 입력하면 된다. 이건 따로 닫지 않아도 된다 이렇게 말이다. 2021. 7. 22.

굵게쓰기<b>,날려쓰기<i> 태그 | HTML&CSS 시리즈 003 태그 태그가 뭔데? 위에 사진을 보며 정리해보겠습니다. 태그를 사용할때는 글씨가 날려쓰기 가 됩니다. *i 는 italic : 텍스트를 날려서 태그를 사용할때는 글씨가 굵게 쓰기 가 됩니다. *b는 bold : 텍스트를 굵게 Phrase 태그가 뭐야? 태그 , 태그 vs 태그 , 태그 태그는 그냥 텍스트를 '볼드체'로 만들어주고, 마찬가지로 태그는 그냥 텍스트를 '이탤릭체'로 만들어줍니다. 둘 다 '시각적인 특징'만 갖고 있는 태그인데요. HTML에서는 시각적인 특징 뿐만 아니라 의미도 담고 있는 phrase tag가 있습니다. 태그는 그냥 시각적으로 날려쓰는 것이 목적이라면, 태그는 강조하는 것이 목적입니다. em은 'emphasized'의 줄임말입니다. 2021. 7. 22.

기본 HTML 태그 정리 | HTML & CSS 시리즈 002 이번 글은 아주 기본중에 기본적인 html 태그에 대해 정리한 글 입니다. 태그 HTML 파일을 쓸때 가장 먼저! 사용해야하는 태그가 있다. 그것은 바로 이다. 무조건 을 선언!! => ex) 태그 페이지의 제목은 태그에 써주면 됩니다. 브라우저의 탭이나 방문 기록에 나와 있는 바로 그 제목이 이 곳에 들어갑니다. ex) My First Website ~ 태그 한 페이지에 여러 개의 머리말이 있을 수 있는데요. 그 중 가장 중요한 머리말은 (heading 1), 그 다음으로 중요한 머리말은 (heading 2). 이런 식으로 (heading 6)까지 작성할 수 있습니다. 부터 순서대로 작아집니다. 태그 보통 문단은 (paragraph) 태그 안에 넣습니다. 물론 직접 설정할 수도 있지만 태그 위, 아래에.. 2021. 7. 22.

이전 1 ··· 3 4 5 6 7 다음

728x90

티스토리툴바