🔻HTML 서식 태그🔻 HTML은 골격 구성 + 데이터 표현 + 서식 기능을 가지고 있다. 서식 기능 및 디자인은 CSS에서 담당하기에 HTML에서 잘 사용하지 않지만, 아래 기능들은 HTML에서 적용하는게 간편하여 잘 사용되고 있는 서식들이다. 1. : 볼드체, 굵은 글씨 2. : 이태릭체, 텍스트 기울기 3. : 말그대로 다른 글씨보다 작은 폰트로 출력한다. 4. : 밑첨자 5. : 윗첨자 6. : 다른 글씨보다 큰 폰트로 출력한다. 7. : 밑줄 8. : 취소선 9. : 타자기 폰트로 출력한다. 물리적인 모양을 지정하는 태그 볼드체 이태릭체 작은글자 H20 MC2 큰글자 밑줄 취소선 타자기 글자 여기서부터는 서식 뿐 아니라 코드의 의미를 담고 있는 서식들이다. 시멘틱 웹이라고도 하는데 웹에서 정보를..
🔻, heading🔻 제목 태그 문서 내의 제목을 출력하는 태그 n에 1~6이 들어간다. h1, h2, h3, h4, h5, h6 >> 제목의 중요도를 나타낸다. 1번부터 사용하면서 하위로 내려간다. 구글에서 크롤링할 때, body 중 h1만 가져가기에 h1부터 사용하도록 한다. 쌍태그와 혼합형에 들어간다. 화면은 CSS로 재정의하기에 html로 출력하는 화면(스타일)은 그다지 중요하지 않다. 제목입니다. 제목입니다. 제목입니다. 제목입니다. 제목입니다. 제목입니다. 제목입니다. 내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다.내용입니다. 🔻, Horizontal Rule🔻 수평바, 구분자 문단과 문단을 구분하는 역할 콘텐츠와 콘텐츠를 구분하는 ..
🔻head 태그🔻 1. 페이지에 대한 여러가지 정보를 기술한다. 2. 문서 제목 탭에 있는 제목 표시줄에 나타난다. 문서의 제목으로 사용된다. 검색 엔진의 수집 대상이 되어 검색 결과의 제목으로 사용된다. 즐겨찾기 시 북마크의 제목으로도 사용된다. 🔻body 태그🔻 문서의 본문 역할 사람에게 전달할 내용(출력할 내용)을 작성한다. 출력정보 속성 1. bgcolor background color 문서 배경색 - HTML 색상 표현 방법 1. 색상명 - Named Color - Well-known Color - 미리 약속된 140가지 색상명을 사용한다.(웹 색상) - https://www.w3schools.com/tags/ref_colornames.asp 2. RGB - RED + GREEN + BLUE -..
🔻HTML 언어 구성 요소🔻 태그(Tag), 엘리먼트(Element) 속성(Atrribute) 텍스트(PCDATA) 엔티티(Entity) 주석(Comment) 선언문(Declaration) 외부요소 기타 1. 태그(Tag), 엘리먼트(Element) 예약어(명령어)를 로 묶어놓은 요소 출력될 웹페이지의 골격을 형성한다. 레이아웃 형성, 요소 배치 출력과 관계된 행동을 한다. 1) 태그 표현 방식 1. 쌍태그 방식 내용물(content) 영역 : 시작태그 : 끝태그 영역을 가지는 태그 2. 단독 태그, 빈 태그(Empty Tag) , , 영역을 가지지 않는 태그이다. 2) 태그 내용물 형식, Content Type 내용물 1. 자식 태그 또 다른 태그들이 내용물로 올 수 있다. 문자열 올 수 있다. 2. ..
🔻공백 문자, Whitespace🔻 엔터, 탭, 스페이스 를 총칭 페이지 소스에 있는 공백문자들을 브라우저가 처리하는 규칙 소스상의 (종류와 상관없이) 1개 이상 연속된 공백 문자들을 단 2개의 공백 문자(스페이스)로 치환해서 화면에 출력한다. 하나 둘셋 넷다섯 🔻공백 문자 처리하는 방법🔻 1. 스페이스 표현 공백 1글자당 1개의 엔티티를 사용한다. 출력할 때 공백 1개로 바꿔서 출력한다. &엔티티명; &ndsp; non-break space의 약어이다. 하나 둘셋넷 다섯 2. 탭문자 웹 문서(브라우저)에는 탭의 개념이 없다. 편집기에만 있는 기능이다. 3. 개행문자 태그 자바의 \r\n 역할을 한다. line break의 약어이다. 하나 둘셋넷 다섯
🔻웹페이지(웹문서)를 제작하는 언어🔻 1. HTML 웹 문서를 작성한다. 페이지의 골격을 작성한다. 페이지의 출력할 내용을 작성한다. 2. CSS 디자인 언어 HTML 페이지에 서식을 작성하는 역할을 한다. 3. JavaScript 프로그래밍 언어 JavaScript 없는 페이지는 정적 페이지 정적인 페이지에 프로그래밍 기능을 더해주는 역할을 한다. 🔻HTML🔻 Hyper Text Markup Languge의 약어 하이퍼 텍스트 마크업 언어 프로그래밍 언어가 아니다 프리젠테이션 언어라고 하며, 무언가를 표현하는 기능을 가진다. Hyper Text : 링크 Markup : 언어 표기법 꺽쇠 괄호로 명령어를 내린다. HTML, XTHML, XML, VoiceXML, **ML SGML(메타 언어) : 다른 언..
🔻아파치 톰캣 다운로드🔻 해당 링크로 접속한다. https://tomcat.apache.org/ Apache Tomcat® - Welcome! The Apache Tomcat® software is an open source implementation of the Jakarta Servlet, Jakarta Server Pages, Jakarta Expression Language, Jakarta WebSocket, Jakarta Annotations and Jakarta Authentication specifications. These specifications are part of the tomcat.apache.org 왼쪽 [Download] - [Tomcat9] 을 클릭한다. 다운로드 다운로드한 ..
숫자 함수, Numerical Function 1. round() 반올림함수 number round(컬럼명) : 정수 반환 number round(컬럼명, 소수이하 자릿수) : 실수 반환 SELECT 3.54, round(3.54), round(3.5432, 1), round(3.5432, 0) FROM dual; -- 회사 전체 평균급여 SELECT round(avg(basicPay)) FROM tblinsa 2. floor(), truc() 절삭 함수(내림 함수) number floor(컬럼명) : 정수 반환 number trunc(컬럼명) : 정수 반환 number trunc(컬럼명, 소수이하 자릿수) : 실수 반환 SELECT 3.54, floor(3.54), trunc(3.54), trunc(3..
