HTML+CSS

01-1. HTML(Hypertext Markup Language)의 정의와 기능디자이너도, 비개발자도 한 번쯤 들어본 단어 HTML. HTML이 뭘까요?HTML은 웹 페이지를 만들기 위한 언어입니다.HTML로 웹페이지의 구조를 잡을 수 있습니다.HTML 파일은 이미지

html 파일의 구조는 항상 아래와 같습니다.HTML 파일이라면 제일 첫 줄에 위치해야 하는 선언문 입니다. 모습은 태그와 비슷하지만 HTML 태그는 아닙니다. 이 html파일이 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할을 합니다.index.html에

HTML Attributes(속성)a는 tag 이름이고href는 attribute(속성) 이름이며https://crome.com 는 href 속성에 대한 attribute 값이고"크롬으로 이동"은 content(내용)입니다.attribute도 종류가 많습니다.

HTML을 모두 배운 것은 아니지만 CSS를 잠시 배우고 넘어가겠습니다. HTML 만으로도 사이트를 만들 수 있는데, 요즘같이 화려한 웹사이트를 만들려면 HTML과 CSS는 뗄 수 없는 관계입니다.run 버튼을 클릭하여 어떻게 결과 화면이 나왔는지 확인해주세요.CSS란

이 번에 배울 스타일은 텍스트 스타일입니다. 텍스트와 관련된 여러 스타일을 배워보도록 하겠습니다. run 버튼을 클릭하여 결과 화면을 봐주세요.텍스트 정렬은 왼쪽정렬, 가운데정렬, 오른쪽 정렬이 있습니다. property 이름은 text-align이고 값은 left,

이제는 요소에 여백을 스타일할 수 있는 margin, padding 이라는 property를 배워보도록 하겠습니다.모든 요소는 아래와 같이 margin, border, padding의 스타일을 갖고 있습니다.위의 그림을 해석해보자면,주황색은 margin 영역, 위, 오

08-1. Borderborder(테두리) 스타일입니다.아래의 순서입니다.앞에서 margin의 위-오-아래-왼 순서도 외워야하고,border 순서도 외워야하고..사실 margin의 순서는, 순서대로 확정이지만border순서는 중요하지 않습니다.그래도 전 세계적으로 약속

index.html을 실행하고 style.css를 확인해주세요.글씨만 적혀있어서 각 요소의 너비를 확인하기가 어렵네요.style.css의 14줄에 white를 yellow로 바꾸고 재실행해봅시다.그리고 나서 결과 화면을 다시 확인해주세요.style.css 파일 한 번