분류 전체보기
-
CSS의 형식 - HTML의 스타일과 스타일 시트 (HTML 꾸미기)웹/CSS 2022. 8. 29. 13:59
이번엔 HTML 문서를 꾸미는 방법에 대해 알아보려고 합니다. CSS를 사용하는 이유, 목적 웹의 스타일(글꼴, 색상, 정렬 등)을 결정하기 위해 CSS를 사용합니다. 웹 문서의 내용과 상관없이 디자인을 설정할 수 있습니다. 기기에 맞게 탄력적으로 문서를 만들 수 있습니다. CSS의 형식 태그 후 선택자와 중괄호({}) 안에 스타일 속성과 속성값을 적어줍니다. 주석은 /* */를 사용합니다. 스타일 규칙은 세미콜론(;)으로 구분합니다. 가시성을 위해 여러 줄에 작성하는 경우가 많습니다. 외부 스타일 시트 스타일 규칙이 많을 경우 또는 같은 규칙을 여러번 사용할 경우 사용합니다. css 규칙들을 하나의 파일에 작성한 후 확장자를 css로 저장합니다. html의 태그 안에 문구를 추가합니다. 선택자 전체 선..
-
HTML의 구성요소 - tag(태그)와 attribute(속성)웹/HTML 2022. 8. 28. 17:58
이번엔 HTML의 태그와 속성에 대해 알아보고자 합니다. HTML 요소 태그 명령어의 종류를 뜻합니다. 시작태그와 종료태그로 이루어진 모든 명령어를 말합니다. HTML 태그 요소의 하나로 시작태그와 종료태그로 이루어져 있습니다. 주요 태그는 아래와 같습니다. 텍스트 관련 태그 : 두껍게(bold) 효과를 준다. : 텍스트를 기울임꼴(italic)로 표시한다. : 포함된 텍스트를 강하게 강조할 때 사용한다. : 보다 약한 강조를 나타낼 때 사용한다. 목록 관련 태그 : 순서 없는 목록(unordered list)을 표시한다. : 목록에서 각 항목(list item)은 와 사이에 넣는다. : 순서 있는 목록(ordered list)을 표시한다. 링크,이미지 관련 태그 : 하이퍼링크를 생성하는 태그이다 : 페..
-
HTML 구조웹/HTML 2022. 8. 28. 17:39
HTML의 구조는 head와 body로 구성되어 있습니다. 기본 구조 HTML의 문서 초입부에 를 적고 로 시작됩니다. 태그가 시작되었으면 태그가 끝나는 부분에 을 적어야 합니다. 사이 와 태그가 들어갑니다. 대문자, 소문자 모두 상관 없지만 가시성을 위해 편의상 소문자를 주로 사용합니다. 웹 브라우저가 알아야 하는 정보를 적어줍니다. 같은 페이지나, CSS의 링크를 적어줍니다. 파비콘(favicon), 그리고 다른 메타데이터(작성자, 중요한 키워드와 같은 HTML에 대한 내용)를 포함합니다. 화면에 출력되야 하는 정보를 적어줍니다. 주요 정보를 사용자에게 알기 쉽게 여러 태그를 이용합니다. 로 구역을 나누거나 을 사용하는 경우가 많습니다.
-
HTML 학습 유튜브 추천웹/HTML 2022. 8. 28. 16:41
안녕하세요~ HTML은 웹 언어를 배울 때 가장 먼저 시작하는 언어입니다. 가장 쉽고 간단한 문법을 가진 언어입니다. HTML을 빠르고 핵심적인 부분만 배울 수 있는 유튜브를 소개하겠습니다. https://www.youtube.com/playlist?list=PLuHgQVnccGMDUzDDCKW-pCZQY-MMCX5yB HTML www.youtube.com 뭐니뭐니 해도 생활코딩 유투버의 강의가 좋은 것 같아요. 총 44개의 강의로 구성되어 있습니다. 한 강의당 평균 10분이니까 하루에 몰아서 보시는 것을 추천드립니다.