💻 <!-- dev -->/HTML | CSS

[HTML] 3. 목록 관련 태그

더보기 HTML의 목록 관련 태그를 알아보자 목록 관련 태그(정리 ver.) li: list의 약자로 자동 줄바꿈 됨 ul: 순서 없이 동그라미로 표시되며 들여쓰기 됨 👉🏻 보통 ul의 자식으로 li가 오지만 그 li의 자식으로 다시 ul가 올 수 있음 👉🏻 즉, 목록 안에 또 목록이 올 수 있음(제한이 없음) ol: 순서가 있는 목록을 나타내는 태그 불릿(bullet) 기호: ul의 동그라미, ol의 순서(숫자, 문자,...) 등을 말함 ✔️ 순서가 있는 목록 태그는 기본 숫자 1부터 시작하지만 하기 태그로 변경 가능함 👉🏻 목록 표시값 바꾸기: 1, A, a, i, I 가능 👉🏻 시작값 바꾸기: 👉🏻 역순으로 표기: HTML CSS JavaScript jQuery ✔️ 설명과 관련된 목록을 나타내는 ..

[HTML] 2. 글자 관련 태그

더보기 HTML의 글자 관련 태그를 알아보자 프리뷰어(Previewer) 단축키 : ctrl + q + (1초 후에) s (맥북 동일) HTML의 주석 단축키: 안녕하세요 *^ㅁ^* 반갑습니다 ^0^~!! 안녕히 가세요 ㅠ3ㅠ... 이거는 h1 태그입니다. 요거는 h2 태그입니다. 이게 바로 h3 태그다. I am a h4 tag. thank you. wo de mingzi 태그 h5. zaizien. 쪼꼬미 h6 태그 거의 안 보임 ;; h7 태그가 있나?? 문단을 나누는 태그 문단 영역을 나누는 태그로는 p 태그와 pre 태그가 있다 단, p 태그는 줄바꿈 입력을 별도의 태그로 지정해야 한다. 그리고 공백은 한 개의 공백만을 표시하기 때문에 기호 문구를 작성해야 한다. pre 태그는 여러 공백이 인식..

[HTML] 1. 개발 환경 구축

더보기 HTML을 사용하기 위해 개발 환경을 구축해 보자 1-1. Visual Studio Code 다운로드 https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 1-2. 기본 경로는 건드리지 않음 (..

[HTML] 0. HTML5(HTML의 개요)

더보기 Front-end의 종류를 알아보고 가장 기초 뼈대가 되는 HTML의 개요에 대해 공부해 보자 프론트앤드(Front-end) HTML 👉🏻 뼈대 CSS 👉🏻 꾸미기 JavaScript 👉🏻 만들어진 화면에 동적인 요소 추가 jQuery 👉🏻 JavaScript의 문법 간략화 API library 작업 환경 구성하기 HTML5 인터넷: 전 세계의 컴퓨터들이 네트워크를 통해 연결되어 정보를 공유하는데 목적을 두며 프로토콜을 이용하여 통신 👉🏻 초기에는 군사용, 민간용으로 구분되었고 민간용이 지금의 인터넷이 됨 👉🏻 프로토콜은 컴퓨터 내부에서, 또는 컴퓨터 사이에서 데이터의 교환 방식을 정의하는 규칙 체계 웹: 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간 👉🏻 인터넷의 통신망 위..