1. 순서가 있는 목록 태그 태그를 사용해서 만든다. 사진과 같이 type 과 start를 지정해줄 수 있다. type = "1" : 숫자 type = "a" : 영문 소문자 type = "A" : 영문 대문자 type = "i" : 로마 숫자 소문자 type = "I" : 로마 숫자 대문자 그리고 start를 3으로 지정하면 3부터 숫자를 시작한다는 뜻이다. 2. 순서가 없는 목록 태그 , 태그를 사용한다. 3. 설명 목록을 만드는 태그 태그 안에 , 태그를 넣어주는데 태그는 이름 부분을 지정하는 태그 태그는 설명 부분을 지정하는 태그이다.

1. 제목을 나타내는 태그 제목을 나타내는 태그는 부터 까지 존재하는데 이 글자크기가 가장 크며 점점 작아진다. 그리고 제목태그는 반드시 닫는 태그도 해줘야한다. 2. 텍스트 단락의 태그와 줄 바꿈 태그 태그를 사용하면 텍스트를 입력하고 앞뒤로 빈 줄이 생기며, 텍스트 단락이 만들어진다. 그리고 html 에서는 아무리 줄을 바꿔서 텍스트를 입력해도 줄 바꿈이 일어나지 않는다. 줄 바꿈을 하기 위해서는 태그를 사용해줘야한다. 3. 인용 태그 이 태그를 사용하면 살짝 다른 텍스트보다 들여 쓰여진다. 4. 텍스트를 굵게 표시하는 태그 과 이 두개의 태그는 실제 결과를 보면 똑같지만 화면 낭독기에서 읽을 때 차이가 있기 때문에 구분하줘야한다. 은 경고나 주의사항처럼 중요한 내용을 강조할 때 사용 는 단순히 글자..

1. 시맨틱 태그 ( semantic) html 태그는 이름을 봐도 의미를 알 수 있어 시맨틱태그라고 한다. ex) 대충 어떤 역할을 하는지 알 수 있는 것처럼 2. 시맨틱 태그가 필요한 이유 1) 시맨틱 태그를 사용하면 웹 브라우저가 html 소스 코드만 보고도 어느 부분이 제목이고 메뉴이며, 본문인지를 쉽게 알수 있기 때문이다. 2) 문서 구조가 정확히 나눠지기 때문에 pc나 모바일 웹의 브라우저와 여러 스마트 기기의 다양한 화면에서 웹 문서를 표현하기가 쉽기 때문이다. 3) 마지막으로 인터넷에서 웹 사이트를 검색할 때 필요한 내용을 정확하게 찾을 수 있기 때문이다. 3. 시맨틱 태그 종류 1) 태그는 말 그대로 헤더 영역을 의미하며, 사이트의 헤더는 주로 맨 위쪽이나 왼족에 있고, 헤더에는 검색창이..

1. HTML이란? 간단히 웹 문서를 만드는 언어라고 할 수 있다. HTML은 Hyper Text Markup Language로 학교 시험문제(?) 단골로 나왔었는데,, ㅎ 아무튼 html은 그런 뜻이다. HTML은 웹 브라우저에 내용을 보여주는 텍스트, 이미지, 영상 등의 위치를 표시하는 것을 의미한다. 2. HTML의 구조 HTML의 가장 기본적인 구조이다. : 현재 문서가 html5로 작성한 웹 문서라는 것을 알려준다. : 웹문서의 시작과 끝을 지정한다. : 웹 브라우저가 웹 문서를 해석하는데 필요한 정보를 입력하는 부분이다. : 실제로 웹 브라우저 화면에 나타나는 부분이다. 2-1. 은 문서 유형을 지정해주는 태그인데, 현재 문서가 HTML5 문서라는 것을 알려주는 태그이다. 2-2. .. 태그를..

정말 기초이긴 하지만 그냥 개념을 정리하자는 의미에서~,, 1. HTML Hyper Text Markup Language 로 웹 브라우저 창에 웹 문서의 내용을 보여주는데 필요한 약속이라고 할 수 있다. HTML은 웹 브라우저에서 어디가 헤더이고, 어디가 이미지이며, 어디가 제목인지에 대한 웹 요소를 알려주는 역할을 한다. 즉, HTML은 웹 브라우저의 뼈대?를 만드는 역할이라고 생각하면 된다. 2. CSS HTML로 웹 요소를 만들고, 사용자가 보기 편하도록 꾸미고, 배치할 때 사용하는 것이 CSS이다. CSS로 반응형 웹을 만들기도 하고, 필요한 곳을 강조할 수 있다. 3. JavaScript 웹 사이트는 정적사이트와 동적사이트로 나눌 수 있는데, 기업용 홍보 페이지와 같이 사용자에게 단순히 정보만 ..

예전에는 백엔드와 프론트엔드에 대한 단어 개념을 대충 백은 뒤에서 처리 프론트는 앞에서 보여지는 것. 이라고 생각만 하고 넘겼는데 기초부터 그냥 빠르게 알고 넘어가자라는 생각에 이번에 확실히 정리하려고 한다. 1. 백엔드란? 백엔드는 말 그대로처럼 사용자에게 보이지는 않는 영역을 처리하는 역할을 한다. 영화 예매 사이트가 있다고 한다면 영화 정보나 예매 정보등은 데이터베이스에 저장된다. 이렇게 데이터베이스를 설계하고, 데이터를 처리하는 것이 백엔드 개발이다. 백엔드 개발에는 java, python, php 등 다양한 프로그래밍 언어를 사용한다. + 리눅스 서버, 네트워크, 데이터베이스 구축 기술 + 서버 영역: python, java, php, 닷넷 등 + 프레임워크: node.js, spring, Dj..

* 우선 웹 개발이란 간단하게 웹 사이트를 만드는 것이라고 할 수 있다. 이때 웹 개발에도 두가지 즉, 정적사이트와 동적사이트로 구분할 수 있다. 정적사이트는 예를 들면 기업 홍보 사이트와 같은 사용자에게 정보를 보여주기만 하는 간단한 웹 사이트를 의미한다. 동적사이트는 예를 들면 영화 예매 사이트와 같이 영화정보를 사용자에게 보여주고, 사용자가 이를 예매하고 결제하는 등의 기능을 포함하는 웹 사이트를 의미한다. 따라서 웹 개발은 웹 사이트에서 사용자에게 제공할 기능과 서비스를 모두 담고 있어야 한다. 1. 서버란? 간단하게 서버는 정보를 제공해주는 역할을 한다고 볼 수 있다. 사용자가 웹 브라우저에서 링크를 클릭하면 이제 인터넷에 연결된 컴퓨터에서 정보를 가져와 사용자가 보는 웹 브라우저 화면에 보여줍..