Programmers

A : anchor 다른 페이지, 같은 페이지 위치, 파일, 이메일 주소, 전화번호 등 url로 연결할 수 있는 하이퍼링크 설정 속성 download: 파일은 다운로드하는 용도 href: 링크 url, 필수처럼~ 써야한다. 생략 가능하지만. hreflang: 링크 url의 언어를 설정 rel: relation 현재 문서와 링크 url의 관계를 설정 target: 링크 url의 표시위치, _self 현재 화면에서 페이지 뜨도록(default), _blank 새로운 화면에 페이지 뜨도록 type: 해당하는 url의 MIME타입, 굳이 명시 안 한다. 인라인 요소이지만 버튼을 css로 꾸미게 될 경우 블록 요소로 변경 후 사용하는 게 일반적이다. a태그 예제 Google README.md Image downl..

1. DL, DT, DD 용어를 정리하는 태그 dt: description list dd: definition details dl: definition term dd, dt만을 포함해야 한다. 키는 값이다! → 용어는 ~ 설명! coffee Coffee is good milk milk is delicious coffee coffee is good milk milk is delicious 윗부분은 dl dt dd로, 아래는 li, dfn, p로 스타일링 2. P, HR p: 하나의 문단을 설정, 다음 문단으로 넘어갈 수 있는 단축키를 제공 hr: 문단의 분리를 위해 설정, 빈 태그, 수평선(시각적)으로 표현되지만 의미적 관점에서 사용해야 한다. 표현되는 부분은 css로 없애거나 수정이 가능하다. p태그 예..

https://heropy.blog/2019/05/26/html-elements/ 한눈에 보는 HTML 요소(Elements & Attributes) 총정리 인터넷에 검색 가능한 많은 HTML 문서들의 내용을 요소(Elements), 속성(Attributes)의 개념으로 핵심적인 내용들만 요약해서 정리했습니다. 각 요소들의 자세한 설명은 패스트캠퍼스 온라인 강의(online heropy.blog Body태그 내의 태그 메뉴1 메뉴2 메뉴3 Section Article1 Contents... Article2 Contents... Article3 Contents... Aside nes0410@gmail.com 010-3356-5548 - main.css header { background: tomato; m..

https://developer.mozilla.org/ko/docs/Web/HTML HTML: Hypertext Markup Language | MDN HTML(HyperText Markup Language)은 웹을 이루는 가장 기초적인 구성 요소로, 웹 콘텐츠의 의미와 구조를 정의할 때 사용합니다. HTML 이외의 다른 기술은 일반적으로 웹 페이지의 모양/표현 (CSS), 또는 기 developer.mozilla.org 검색을 통해서 메타 데이터 속성들을 확인하면서 사용하자. LINK STYLE MIME Type BASE

index.html Personal Open Source Business Explore main.css body{ margin: 0; padding: 0; } .header { background: white; border-bottom: 1px solid lightgray; } .container{ width: 980px; margin: auto; } .container-left{ padding-top: 20px; padding-bottom: 20px; } .logo{ float: left; margin-right: 5px; } .logo img{ display:block; } .menu{ float: left; } .menu-item{ float: left; padding: 8px 10px; } .cl..

"뉴렉처"님의 JSP프로젝트 수업을 위한 준비 www.newlecture.com/resource/html.zip 다운받아서 그냥 엎으면 된다. 오류가 날 수도있다. 이런 오류가 등장한다면 동일한 이름의 파일이 있다는 거다. 분명 overwrite를 했는데도...? 특히, index.html 그럴땐 과감하게 기존의 index.html을 index2.html로 변경하고 다시 시도해보자. 준비 끝!

GET으로 보내고 POST로 보내고 어떻게 받아서 사용할지 한번 알아보자! /* Calculator.java */ package com.newlecture.web; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/calculator") public class Calculator extends Http..

html에서는 정적인 페이지만 구현할 수 있다. 그렇다면 어떻게 해야 동적인 페이지를 구현할 수 있을까? 바로! 서블릿으로 구현하면 된다! 이번 글에서는 귀찮지만 직접 다 해보는 것을 적극 추천한다. 처음이자 마지막으로! 유튜브 선생님 "뉴렉처" 님의 말씀처럼 직접 다 손으로 해보겠다! //CalcPage.java package com.newlecture.web; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.Cookie; import javax.servlet..