HTML
HTML
[HTML] 리스트
ul - 순서 없는 리스트, unordered list - type 속성 : disc(default), square, circle, none ol - 순서 있는 리스트, ordered list - type 속성 : 1(default), a, A, i, I - start 속성 : 값을 주면 해당 숫자부터 시작 dl - 설명 있는 리스트, description list # ul : 순서 없는 리스트, unordered list type 속성 : disc(default), square, circle, none 콜라 웰치스 환타 # ol : 순서 있는 리스트, ordered list type 속성 : 1(default), a, A, i, I start 속성 : 값을 주면 해당 숫자부터 시작 콜라 사이다 웰치스 ..
HTML
[HTML] 표(table)
웹 페이지에 표 출력하기 - : 표 전체의 범위를 의미하는 태그 - : table row, 표의 한 줄을 의미하는 태그 - : table header, 해당 줄에 제목 칸을 추가하는 태그 - : table data, 해당 줄에 일반 칸을 추가하는 태그 # 웹 페이지에 표 출력하기 - : 표 전체의 범위를 의미하는 태그 - : table row, 표의 한 줄을 의미하는 태그 - : table header, 해당 줄에 제목 칸을 추가하는 태그 - : table data, 해당 줄에 일반 칸을 추가하는 태그 국어 영어 수학 총합 10 20 30 60 회원이름 받는곳 전화번호 김철수 서울시 무슨구 무슨동 02-123-1234 010-1234-1234 박철수 경기도 구리시..
HTML
[HTML] 이미지
웹 페이지에 이미지 넣기 - 이미지를 넣을 때는 img 태그를 사용한다. - src : 원하는 이미지의 경로 (로컬 또는 외부) - alt : 해당 이미지에 대한 설명 (웹 표준 필수 속성) - width : 이미지의 너비 조절 - height : 이미지의 높이 조절 - alt 속성은 쓸모없어 보이지만 Screen Reader 프로그램들이 갖다 쓰는 속성이므로 채워놓아야 한다.
HTML
[HTML] 링크
다른 페이지로 이동하기 위한 링크걸기 - a태그를 이용하기 - 자바스크립트 이용하기 a(anchor) tag 네이버로 가기 - a 태그는 전체 글의 일부분에만 링크를 걸 수 있도록 되어있는 태그다. (영역을 따로 설정하는 태그가 아니다.) - href 속성에는 가고싶은 목적지의 url을 설정해 놓는다. - 절대경로와 상대경로를 모두 사용할 수 있다. JavaScript로 링크 걸기 - location : 현재 브라우저가 보고 있는 페이지 위치에 대한 정보 인스턴스 - href : 현재 브라우저가 보고 있는 페이지의 경로 자세한 정보는 여기에서 확인하세요! URL 경로의 종류 - naver.com - ./naver.com - /naver.com : 도메인부터 시작되는 경로 - //naver.com : 프로..
HTML
[HTML] 속성(Attribute)
HTML 속성 (Attribute) - 모든 요소는 속성을 가질 수 있다. - 속성은 해당 요소의 여는 태그에 정의해야 한다. - 대부분의 속성은 속성 이름과 속성 값이 짝을 이룬다. - 속성은 해당 요소에 대한 추가적인 정보를 묘사한다. # 속성(Attribute) - 모든 요소는 속성을 가질 수 있다. - 속성은 해당 요소의 여는 태그에 정의해야 한다. - 대부분의 속성은 속성 이름과 속성 값이 짝을 이룬다. - 속성은 해당 요소에 대한 추가적인 정보를 묘사한다.
HTML
[HTML] 요소(Element)
HTML 요소 (HTML Element) - 여는 태그와 닫는 태그와 그 사이의 내용을 모두 통틀어 HTML 요소라고 부른다. - 모든 태그에 여는 태그와 닫는 태그가 있는 것은 아니다. (, 태그 등 닫는 태그를 생략가능한 태그들도 있다.) - /가 없는 태그를 여는 태그라고 하고 /가 있는 태그를 닫는 태그라고 한다. # HTML 요소(HTML Element) - 여는 태그와 닫는 태그와 그 사이의 내용을 모두 통틀어 HTML 요소라고 부른다. - 모든 태그에 여는 태그와 닫는 태그가 있는 것은 아니다. , 태그 등 닫는 태그를 생략가능한 태그들도 있다. - /가 없는 태그를 여는 태그라고 하고 /가 있는 태그를 닫는 태그라고 한다.
HTML
[HTML] 제목과 문단
- heading tag, 1 ~ 6까지 있다. - 글씨를 굵고 크게 표시한다. - 줄 바꿈 기능이 있다. (영역을 보유하고 있음) Emmet - 반복되는 태그를 쉽게 생성할 수 있는 플러그인 h1*5 : h1을 5개 h1>h3*5 : h1 내부에 h3를 3개 (h1>h3)*3 : h1 내부에 h3를 넣은 것을 3개 h$*6 : h1 ~ h6까지 생성 - paragraph, 문단 태그 - bold, 글자를 굵게 - italic, 글자를 기울임꼴로 H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H 태그는 제목 태그입니다. H ..
