* WEB 개념 정리
- 클라이언트 : HTML, CSS, JAVASCRIPT, 웹브라우저
- 서버 : 미들웨어, 데이터베이스, 웹서버
웹서버가 설치되어있는 것이 서버이고, 웹브라우저는 클라이언트 개념
클라이언트는 서버로 요청하고, 서버는 웹브라우저로 응답 해주는 개념
1> HTML (Hypertext Markup Language) : 웹페이지를 만드는 언어
웹브라우저 요청하면 웹서버에서는 HTML 응답이 되어 화면에 표출
문서와 문서가 Link 연결 의미
- TAG
html 내에서 <> 문자열 <> 같이 앞뒤로 어떠한 기능을 표시해주는 기능
- a 태그
'a' 태그 같이 <a> TEST </a> 이면 TEST는 어느 링크가 걸려있는 기능을 표시
1. a 태그 예시
<a href = "https://lovefor-you.tistory.com/"> 추천블로그 클릭 </a>
-> 추천블로그를 클릭하면 해당 href에 선언한 주소로 링크가 연결이 되어 해당 사이트로 이동하게 됩니다.
2. a 태그 target 속성 예시
<a href = "https://lovefor-you.tistory.com/" target="_blank">추천블로그</a>
-> target 속성을 주면 현재 화면이 아닌 새로운 탭에 새롭게 해당 블로그를 띄웁니다.
- ul 태그 (ol 태그)
'ul' 의 경우 리스트 간 구분을 해주는 묶음 역할을 해줍니다.
'ol'로 할 경우 순서를 주어서 해당 리스트에 1,2,3. 번호로 리스트해서 표출해줍니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<ol>
<li>첼시</li>
<li>리버풀</li>
<li>맨유</li>
</ol>
<ul>
<li>데브라이너</li>
<li>살라</li>
<li>마샬</li>
</ul>
</body>
</html>
3. 글씨 크기 변경 : h1, h2 태그 사용
- h1 이 h2 보다 글씨 크기를 더 크게 표출
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1> Java Test </h1>
<h2> Java Test </h2>
</body>
</html>
4. nav : navigation 안쪽 부분이 웹사이트에서 탐색하는 부분이라고 단순 표시해주는 Tag
<nav>
~~
</nav>
'IT ▶ > Java & Web' 카테고리의 다른 글
| [웹 프로그래밍 개념] 웹 Web 이란? (서블릿, JSP, 컨테이너, HTTP) (0) | 2020.04.04 |
|---|---|
| HTML 태그, CSS <style> 사용 방법 (0) | 2020.03.30 |
| [자바 프로그래밍 기초] 자바 객체지향 클래스(Class), 메소드(Method) 개념 (0) | 2020.03.14 |
| [자바 프로그래밍 기초] Java 프로그램 개발이란? (0) | 2020.03.14 |
| [JavaScript 기초] 자바스크립트 기본 문법 정리 <div class, span, input> (0) | 2019.12.15 |