HTML4 웹 브라우저 작동 방식 웹 브라우저 웹 브라우저는 웹페이지를 다운 받아서 렌더링하고 보여주는 프로그램이다. 웹 페이지는 HTML, CSS, JS로 구성되어 있는데 HTML은 내용, CSS는 스타일, Javascript는 동작을 담당한다고 볼 수 있다. 서버와 클라이언트가 있는데 클라이언트는 서버에 요청을 하고 서버는 클라이언트에 응답을 한다. 클라이언트 컴퓨터에는 기본적으로 하드웨어와 윈도우, 리눅스 등 운영체제가 있고 그 위에 웹 브라우저인 크롬, 엣지 등이 있다. 운영체제가 요청을 받고 하드웨어는 통신카드에 접속하여 인터넷을 통하여 해당 사이트로 서버 하드웨어의 통신카드에 접속한다. 그래서 서버에서 운영체제에 요청하고 웹 서버에 요청하여 해당 요소들을 받으려고 한다. 반대로 서버가 요소들을 역순으로 제공하게 된다. 이 때 .. 2022. 1. 26. CSS 기본 개념과 사용 방법 CSS 기본 개념 CSS는 Cascading Style Sheet의 약자로 Cascading은 폭포라는 의미로 쓰이며 CSS가 적용되는 우선순위에 대한 개념이라고 한다. CSS는 'HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어'이다. 버튼버튼 버튼 버튼 button의 스타일을 가로 50픽셀, 세로 50픽셀을 적용하면 달라지는 것이 CSS의 역할이다. 특성의 종류와 단위 특성(property)에는 색, 크기, 정렬 등이 존재한다. color: red; color: rgb(255,0,0); /* RGB */ color: #FF0000; /* HEX 값 */ font-size: 20px; /* 글자크기 */ font-weight: 300; /* 글자두께 */ text-align: center; /*.. 2022. 1. 12. HTML로 회원가입 뼈대잡기 및 함께 쓰이는 태그 회원가입 화면, HTML로 파악하기 HTML로 자주 접하는 회원가입 뼈대를 잡아보고 해당 태그에 대한 내용을 정리해보려고 한다. 회원가입 여성 남성 이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두.. 가입하기 : 제목3에 해당하며 h1, h2보다는 작은 사이즈이다. : 텍스트를 입력할 수 있는 박스이다. : 비밀번호를 입력하는 박스이며, 문자는 *로 변환된다. : 라디오 버튼으로 우리가 선택 버튼으로 알고 있는 버튼이다. name값을 지정하여 같은 name들은 동시에 선택할 수 없다. 남성 : 라디오 버튼, 선택 버튼이 작아 클릭하기 힘든 것을 id와 같이 활용하여 해결할 수 있다. * 위에 남성을 클릭해보면 확인 가능하다. : 체크박스로 중복 선택 가능한 박스이다. // 선택박스 태그 기쁨 .. 2022. 1. 10. HTML 기초 개념, 태그의 종류와 특징 HTML의 개념 HTML은 Hyper Text Markup Language의 약자로 '네트워크가 연결된 웹페이지에서 문서를 작성하고, 읽고, 공유하기 위해 만들어진 체계'이다. 프런트엔드에서 사용하는 언어인 HTML, CSS, Javascript에서 구조의 역할을 한다. HTML로 구조를 구성하면 CSS가 크기나 색상 등 시각적인 표현을 해주고 Javascript는 메시지를 띄우는 등 기능을 구현해준다. HTML은 태그 를 통해 웹페이지에서 보일 내용을 나타낸다. 아래 기초 태그와 함께 알아보도록 하자. 태그 태그는 주로 시작태그와 종료 태그가 갖춰져 있다. 시작 태그는 ''로 구성되어 있으며 종료 태그는 ''로 되어 있다. 태그는 약속된 명령어이고, 고유한 기능을 가지고 있다. 여기는 내용이 들어갑니다.. 2022. 1. 10. 이전 1 다음
