Front - End4 HTML(3) HTML, CSS, JAVASCRIPT에 관한 내용은 '이지스퍼블리싱' 출판사의 "Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석"이라는 책을 공부하고 요약 및 정리한 것입니다. 지난 글에 이어 이번엔 목록을 만들어 보자. 웹 문서에서 목록은 CSS와 함께 사용되어 내비게이션을 만들거나 컨텐츠를 배치하는 등 다양하게 사용이 가능하다. 먼저, 순서가 있는 목록에 대해 알아보자. 이는 말 그대로 각 항목을 순서대로 나열한 것인데, 이때 , 태그를 사용한다. 목록으로 표시할 내용을 ~ 태그로 감싸고, 그 안에 ~ 태그를 삽입하면 된다. 순서대로 할 일 아침 식사를 하고 헬스장을 간다. 점심을 먹는다. 프로그래밍 공부를 한다. 영화 시청 및 여가를 즐긴다. 태그를 사용.. 2023. 6. 30. HTML(2) HTML, CSS, JAVASCRIPT에 관한 내용은 '이지스퍼블리싱' 출판사의 "Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석"이라는 책을 공부하고 요약 및 정리한 것입니다. 이제 웹 문서에 입력할 다양한 내용들에 대해 알아보겠다. 먼저 제목을 나타내는 태그가 있다. 웹 문서에서 제목은 다른 텍스트보다 크고 진하게 표시한다. 태그에서 h는 제목을 뜻하는 heading의 줄임말이고, n의 자리에는 1부터 6까지의 숫자가 들어가며 6으로 갈수록 제목의 크기가 작아진다. 제목 태그는 반드시 닫는 태그도 사용해야 한다. 태그는 닫힌 부분까지 묶은 부분을 하나의 텍스트 단락으로 만들어 준다. 텍스트 단락이라는 것은 하나의 단락을 앞뒤로 한 덩어리로 만들어서 다음 부분.. 2023. 6. 22. HTML(1) HTML, CSS, JAVASCRIPT에 관한 내용은 '이지스퍼블리싱' 출판사의 "Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석"이라는 책을 공부하고 요약 및 정리한 것입니다. 오늘날의 시대는 웹 브라우저만 있다면 어느 기기에서나 인터넷과 연결되는 사물 인터넷 시대라고 할 수 있습니다. 여기서 다양한 인터넷 정보를 웹 브라우저에 보여 줄 때 사용하는 언어가 바로 HTML이다. HTML은 Hyper Text Markup Language의 약자, 여기서 Hyper Text라는 것은 웹에서 자유롭게 오갈 수 있는 링크를 말하는데 쉽게 말해 인터넷에 링크만 클릭하면 다른 페이지나 웹 사이트로 연결할 수 있다는 의미이다. Markup이라는 것은 꼬리표(tag)라고 생각.. 2023. 6. 22. 웹 개발에 들어가기 앞서... HTML, CSS, JAVASCRIPT에 관한 내용은 '이지스퍼블리싱' 출판사의 "Do it! 한 권으로 끝내는 웹 기본 교과서 HTML+CSS+자바스크립트 웹 표준의 정석"이라는 책을 공부하고 요약 및 정리한 것입니다. 웹 개발이란 무엇일까? 웹 개발이라고 하면 웹 사이트를 만드는 것을 떠올린다. 웹 사이트는 크게 두 종류가 있는데 단순히 정보를 보여주기만 하는 것을 정적 사이트(static site), 페이스북이나 트위터와 같이 친구 기능, 좋아요나 공유 등 다양한 서비스를 제공하는 기능까지 가지고 있는 것을 동적 사이트(dynamic site)라고 한다. 웹 개발을 하기 전에 먼저 웹 사이트의 동작 과정을 한번 살펴보면... 사용자가 웹 브라우저에 정보를 입력하거나 링크를 클릭하면 웹 사이트는 인터.. 2023. 6. 16. 이전 1 다음