💡URL(URI) http://localhost:8090/client/html/ex12_url.html https://www.naver.com/ https://www.google.co.kr/?hl=ko Uniform Resource Identifier Uniform Resource Locator URL(URI)는 웹 상의 자원(페이지, 이미지, 영상, 프로그램 등)을 구분하기 위한 고유 주소값이다. URL과 URI의 관계 URI가 정의하는 게 더 크고, 그 안에 부분집합으로 존재하던 게 URL로, URI가 상위 개념이다. 하지만 URL을 제외한 URI의 기능이 거의 쓸모가 없어졌기 때문에 현재는 URL과 URI를 거의 동급으로 취급한다. 1. 프로토콜 http:// https:// 프로토콜(Hyper T..
💡Link 태그는 anchor(닻)의 약자로, Link 태그라고도 부른다. 링크 속성 a.href a.target a.href는 클릭하면 이동할 URL을 넣는 속성이다. 이때 href는 reference a hyperlink의 약자이다. a.target은 열거형으로 _self | _black | _parent | _top | 프레임명을 사용한다. a.href 속성 내부 링크 외부 링크 내부 링크는 같은 사이트 내의 이동을 의미한다. 외부 링크는 다른 사이트의 이동을 의미한다. 링크 링크입니다. 내부 링크 링크입니다. 외부 링크 링크입니다. 링크는 파란색 또는 보라색으로 색이 다르며, 밑줄이 생기는 게 일반적이다. 외부 링크를 이용할 때에는 프로토콜(https://)을 반드시 붙여 주어야 한다. a.tar..
💡List 1. 순서가 있는 목록 2. 순서가 없는 목록 3. 용어 정의 목록 1. 순서가 있는 목록 , 태그를 조합하여 사용한다. 은 Ordered List, 는 List Item의 약자이다. 오늘의 할일 수업 복습하기 책상 정리하기 우산 말리기 태그는 순서가 있는 목록을 만든다. 숫자는 태그가 자동으로 넘버링해서 붙여지게 된다. 5가지 모양 오늘의 할일 수업 복습하기 책상 정리하기 우산 말리기 수업 복습하기 책상 정리하기 우산 말리기 수업 복습하기 자바 정리 오라클 정리 책상 정리하기 우산 말리기 운동하기 근력 운동 유산소 운동 스트레칭 여자친구 만나기 첫 번째 방법은 구현은 되지만 정석은 두 번째 방법이다. 태그를 그대로 쓰고, 그 안에 를 새로 시작해야 한다. 넘버링 지정 수업 복습하기 책상 정리..
💡Style 태그 스타일 태그 [HTML] HTML 언어 구성 요소 💡HTML이란? HTML(Hyper Text Markup Languate)은 하이퍼 텍스트 마크업 언어의 약자이다. HTML은 프로그래밍 언어가 아니며, 무언가를 표현하는 기능을 가졌기 때문에 프레젠테이션 언어라고 부른다. Hyper isaac-christian.tistory.com 앞서 HTML 언어는 골격 구성, 데이터 표현, 서식 기능이 있다고 했다. 서식 기능 안녕하세요.
💡 paragraph 태그는 문단 태그로, 텍스트의 집합이다. 쌍태그이며, 혼합형이다. 태그는 내용물을 가지며 다른 태그를 내용물로 가질 수 있다. UNITED NATIONS — Ukrainian President Volodymyr Zelensky on Tuesday delivered an impassioned speech to world leaders at the U.N. General Assembly, pushing for sustained support for his embattled nation’s fight against Russia as he embarked on a delicate mission to bolster his cause globally and in Washington, Ukrai..
💡HTML 색상 표현 방법 1. 색상명 HTML Color Names W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more. www.w3schools.com 색상명으로 표현하는 방법을 Named Color, Well-known Color라고 부른다. 미리 약속된 몇 가지 색상명을 사용한다. (140가지) 하지만 사용하려는 색을 140가지만으로 표현하기는 부족하기 때문에 RGB로 표현하는 게 좋다. 2. RGB ..
💡공백 문자 공백 문자(Whitespace)는 스페이스, 탭, 엔터(개행)을 말한다. 페이지 소스에 있는 공백 문자들을 브라우저가 처리하는 규칙이 있다. HTML에서는 모든 게 출력 내용이 된다!✏️ 소스상의 종류와 상관없이 1개 이상 연속된 공백 문자들을 단 1개의 공백 문자(스페이스)로 치환해서 화면에 출력한다. 💡공백 문자를 처리하는 방법 1. 스페이스 표현 하나 둘 셋 넷 다섯 하나 둘 셋 넷 다섯 &엔티티명; 공백 1 글자당 엔티티를 1개 사용해야 한다. 로 공백을 표현하지 않으면 HTML은 출력할 때 공백 1개로 바꿔서 출력을 하는데, 이를 non-break space라고 한다. 2. 탭문자 웹 문서(브라우저)에는 탭의 개념이 없기 때문에 탭은 불가능하다. 3. 개행문자 하나 둘 셋 넷 다섯 ..
📌 첫번째 예제 두번째 예제 기본적으로 HTML 5를 사용하지만, HTML 4.01을 선택해서 파일을 만들어보도록 하자. 그러면 두 개의 파일의 DOCTYPE이 다른 것을 확인할 수 있다. 문서 유형 DTD 언어로 작성된 는 문서 유형을 의미한다. 이 문서를 읽는 브라우저에게 해당 문서가 어떤 문서인지 알려주는 역할을 한다. HTML 언어에서는 선언문이라고 보면 된다. 📌 을 시작 태그, 을 끝 태그라고 부른다. 이 사이에 기능을 구현한다. HTML에서 이러한 태그를 정식적으로는 엘리먼트라고 부르며, 태그는 트리구조(계층구조)로 되어 있다. 그리고 메모리에 로딩된 트리 구조를 DOM이라고 부른다. 은 문서 전체를 감싸고 있어, 루트 태그라고 부른다. 태그는 스스로 하는 일은 없지만 문서 컨테이너의 틀 역..