본문 바로가기

프론트엔드

(4)
HTML의 주요 태그 목차 제목 태그 링크 태그 이미지 태그 목록 태그 테이블 태그 기타 태그 제목 태그 제목 태그에는 , , , , , 이 있다. 이 폰트 크기가 가장 크고 이 가장 작다. 숫자가 커질수록 폰트 크기가 작아진다. 링크 태그 링크 태그는 이며 하이퍼링크를 생성한다. 링크태그는 href 라는 속성을 사용하고, 태그의 구조는 내용 이다. 이미지 태그 이미지 태그는 이며 이미지를 삽입하는 태그이다. 이미지 태그는 scr, width, height 라는 속성을 이다. 목록 태그 목록 태그에는 , , 가 있다. 은 순서 없는 목록(unordered list) 태그이고, 은 순서 있는 목록(ordered list) 태그 이다. 는 목록에서 각 항목(list item)을 나타내는 태그이다. 보통 과 사이나 과 사이에 태그..
HTML의 개념, 기본 구조, 요소(element) 구조 목차 HTML의 개념 HTML의 기본 구조 HTML의 요소(element) 구조 HTML의 개념 HTML(Hypertext Markup Language)은 웹 페이지를 표현하는 데 사용되는 마크업 언어이다. 좀 더 자세히 말하면, 웹브라우저가 HTML의 문법을 해석해서 화면에 웹페이지를 보여주는 것이다. HTML은 주로 웹페이지에서 '무엇을 어디에 배치할지'와 같이 구조화하는 데 사용된다. 쉽게 말해서, 인테리어를 한다고 가정하면 방 하나가 웹 페이지이고 가구들을 배치하는 데 사용되는 것이 HTML이다. (나중에 포스팅할 CSS는 배치된 가구들의 디자인이라고 이해하면 된다.) HTML의 기본 구조 1) HTML의 기본 구조 HTML은 기본적으로 다음과 같음 구조를 가지고 있다. 로 감싸져 있는 영역이 영..
[edwith] 초보자를 위한 HTML & CSS 동작과 원리 기간 2020 / 09 / 07 ~ 2020 / 09 / 20 동기 웹 풀스택을 공부하기 위해서 edwith 의 을 수강하는 중 이었다. 그런데 웹프로그래밍 강의가 요점정리같이, 풀스택에 정말 필요한 부분만을 다루고 있어서 시간적으로는 효율적일지 몰라도 뭔가 제대로 배우고 공부하는 느낌은 안들었다. 그리고 뭔가 놓치고 있는 느낌(?)도 들었다. 그래서 이번 edwith의 강의와 병행해서 공부하면 더 도움이 될 것 같아서 수강하기 시작했다. 과정 강의는 위의 사진처럼, HTML과 CSS에 대해 집중적으로 배운다. 초반에는 HTML과 CSS에 대한 이론 설명을 하고, 중후반부로 갈수록 직접 코드를 작성하며 웹 페이지가 어떻게 구성되고 어떻게 만들어지는지 알아간다. 그리고 강의 시간은 대부분 10분 안쪽이다...
인터넷(Internet)과 웹(WWW) 목차 인터넷의 개념, 구성과 인터넷 서비스 종류 웹의 개념, 특징 그리고 구성 인터넷의 개념, 구성과 인터넷 서비스 종류 1) 인터넷의 개념 인터넷은 TCP/IP(Transmission Control Protocol/Internet Protocol)라는 통신 프로토콜을 기반으로 하여 전 세계적으로 연결된 컴퓨터 네트워크를 말한다. 즉 세계의 크고 작은 컴퓨터 네트워크들이 모여서 이루어진 것이 바로 인터넷(Internet) 이다. 2) 인터넷의 구성 인터넷은 클라이언트와 서버로 구성되어 있다. 여러 컴퓨터가 각각 클라이언트와 서버로써 연결되어 있고, TCP/IP를 이용해 정보를 주고받는다. 그러므로 인터넷이란 수많은 클라이언트 컴퓨터와 서버 컴퓨터, 그리고 이들로 구성된 네트워크들의 집합체인 것이다. 3)..