MI CASA

[HTML Elements] - HTML Elements는 contents(내용)으로 정의된다 - HTML Elements는 시작 태그와 종료 태그 한쌍으로 구성된다 - HTML Elements는 중첩해서 쓸 수 있다 예를 들어 아래 코드 블럭을 보면 코드 안에 도 있고 도 있듯이... #Source What is HTML? HyperText Makeup Language 하이퍼텍스트 마크업 언어, 줄여서 HTML 끝! #Result [HTML Elements - Eng Tag] - 일부 HTML 요소는 종료 태그가 생략돼도 올바르게 표시된다 - 단, 아래에서 말할 빈 요소와 다르게 절대적인 것은 아니므로 종료 태그 쓰는 것을 습관화하자 사실 비주얼 스튜디오 코드는 시작 태그만 쓰면 종료 태그가 자동으로 ..

*HTML 구조와 각 요소의 역할 이해하기 [HTML Images] - HTML Images는 태그로 정의된다 - 여기에 src(원본 파일, source의 약자), alt(대체 텍스트), width(폭/가로) 및 height(높이/세로)의 속성을 지정한다 ex) [HTML Links] - HTML Links는 태그로 정의된다 - Link의 대상은 href 속성을 지정한다 ex) 링크 위에 노출되는 텍스트 #Source 귀여운 고양이 보고 가실게요 나만 없어 고양이, 사람들 다 있는데 나만 없어 Where to download it #Result

*HTML 구조와 각 요소의 역할 이해하기 [DOCTYPE html>] - DOCTYPE 선언은 HTML 문서에서 태그를 정의하기 전 가장 먼저 선언되야 한다 - DOCTYPE 선언은 브라우저가 웹 페이지를 올바르게 표시할 수 있도록 도와준다 - DOCTYPE 선언은 HTML 태그 앞에 페이지 맨 위에 한 번만 표기한다 - DOCTYPE 선언은 문서의 유형을 나타내며, 대소문자 구분이 없다 - HTML5에서의 DOCTYPE 선언은 아래 예제에서 확인할 수 있다 [HTML Headings] - HTML Headings는 부터 까지의 태그로 정의되며, 은 가장 중요한 제목을 정의한다 - 은 가장 덜 중요한 것을 정의하므로 순서대로 쓰면 아래 예제처럼 점점 아련해진다...★ [HTML Paragraphs] -..

*HTML은 특정 프로그램을 사용하지 않고 PC에 기본 설치되어있는 Text editor program(메모장)을 활용해서 쉽게 만들고 편집할 수도 있다. Step1: 새 메모장을 연다 Step2: 아래 샘플의 HTML 코드를 적어준다 (그냥 태그없이 아무 문장 하나를 적어도 상관없다) Step3: 파일형식을 모든 파일로 바꾸고 [파일명] 뒤에 .html(혹은 .htm) 확장자를 쓴 뒤 다른 이름으로 저장한다 이때 인코딩 값이 UTF-8로 되어있는지 확인하자 그래야 HTML 파일로 저장이 된다 #Source My First Heading My first paragraph. #Result 저장한 파일을 실행해 보면 메모장이 아닌 웹 브라우저에서 열리는 것을 확인할 수 있는데 비주얼 스튜디오에서 같은 코드를..

*HTML이란? HyperText Markup Language(하이퍼텍스트 마크업 언어) 줄여서 HTML - 웹 페이지를 만드는 표준 마크업 언어로 웹 페이지의 구조를 설명하고 일련의 요소들로 구성된다(head, body 등) #Source My First Heading My first paragraph. #Result

*HTML 배우기 아래 샘플 코드에서 각 요소들이 어느 자리에서 나온건지 비교하면서 보기 #Source This is a Heading This is a paragraph. #Result