VScode/HTML
-
[HTML] div, span, 특수기호VScode/HTML 2022. 9. 8. 13:43
div 태그 . block 형식으로 공간을 분할. 차곡차곡 쌓아 내려가는 형식. . css를 사용해 원하는 레이아웃을 구성할 수 있기 때문에 많이 사용됩니다 - block 형식 1) div 태그 2) h1~h6 태그 3) p 태그 4) 목록태그(ol, ul, li) 5) 테이블 태그 6) form 태그 *block 형식의 태그는 별도의 이 없어도 줄바꿈 형식이 포함되어져 사용됨 yellow pink span 태그 -span : inline 형식으로 공간을 분할. 한 줄 안에 차례차례 위치하는 형식. -inline 형식으로 사용되어지는 태그: span태그 / a 태그 / input 태그 / 글자형식태그. -inline 형식의 의미s: 줄바꿈 속성이 없어서 한줄어 이어서 나열되는 태그들 yellow skyb..
-
[HTML] TableVScode/HTML 2022. 9. 8. 13:34
Table tag : 테이블의 시작과 끝을 표시 -border: 테이블의 외곽선 굵기 -align: 브라우저 상에 표시할 표의 좌우 정렬 -cellpadding: 한칸(셀)의 안쪽 여백(글자와 셀 경계선과의 간격) -cellspacing: 셀과 셀 사이의 간격 -bgcolor: 표의 배경색(테이블 관련 모든 태그는 최초 투명색임. bgcolor가 지정되면 그 색으로 변경됨) Tr tag : 테이블 내 행의 시작과 끝을 표시 -height: 한 행의 세로 크기 -bgcolor: 행의 배경색, 각 행마다 다른 배경색을 지정할 수 있음. 지정하지 않으면 투명색 -align: 한 행에 적용할 각 열의 표시내용 정렬 방식 Td tag: tr tag 내부에서 각행의 칸(열)들의 시작과 끝을 표시함 -widt..
-
[HTML] ListVScode/HTML 2022. 9. 8. 13:31
ol tag Kakao Facebook Instargram ul tag HTML5 CSS3 JavaScript JQuery HTML b tag i tag sup tag CSS Selector Animation 3D Transform HTML [HyperText Markup Language] 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 웹 언어의한 종류이다. 특히 하이퍼텍스트를 작성하기 위해 개발되었으며, 인터넷에서 웹을 통해 접근되는 대부분의 웹 페이지들은 HTML로 작성된다.HTML은 문서의 글자크기, 글자색, 글자모양, 그래픽, 문서이동(하이퍼링크) 등을 정의하는 명령어로서 웹페이지를 작성하는 데 쓰인다. HTML에서 사용하는 명령어는 태그(tag)라고 하는데 ..
-
-
[HTML] AnchorVScode/HTML 2022. 9. 8. 13:26
Anchor 태그 -href: 이동할 곳의 URL -target: 지정한 곳으로 이동(target 안쓰면 같은 창에서 이동) -target="_blank": 새창 열어서 이동 Naver 으로 이동 Daum 으로 이동 03_HeaderTag.html 으로 이동 페이지 내 원하는 곳으로 이동하기 첫번째 문단 위치로 이동 두번째 문단 위치로 이동 세번째 문단 위치로 이동 첫번째 문단 행정각부의 장은 국무위원 중에서 국무총리의 제청으로 대통령이 임명한다. 이 헌법시행 당시에 이 헌법에 의하여 새로 설치될 기관의 권한에 속하는 직무를 행하고 있는 기관은 이 헌법에 의하여 새로운 기관이 설치될 때까지 존속하며 그 직무를 행한다. 대통령은 취임에 즈음하여 다음의 선서를 한다. 두번째 문단 모든 국민은 인간으로서의 존..
-
[HTML] ImageVScode/HTML 2022. 9. 8. 13:24
img -이미지를 페이지에 표시하는 태그 -끝나는 태그가 없는 단일 태그이며 어떤 그림을 표시할지 추가적으로 src 속성을 통해 기술함 src -이미지의 경로와 파일 이름 길이 -width: 가로 길이, height: 세로 길이 -이 중 하나만 조정하면 나머지 크기는 비율에 맞춰서 자동조절됨 -동시에 길이 설정하면 비율이 틀어져 화면구현시 이미지가 이상해질 수 있음 인터넷에 게시된 이미지 URL 얻기 -가져올 이미지 위에 마우스를 놓고 오른쪽 버튼을 클릭해 속성창을 열거나 이미지 주소 복사 메뉴를 이용하면 확인할 수 있음 -다만 일부 그림들은 공개하지 않을 목적으로 URL을 분산하여 식별이 어렵거나 이미지 주소 복사를 못하게 함 → 자바스크립트 이용 alt 이미지의 URL이 맞지 않거나 해..
-
[HTML] 생성하기VScode/HTML 2022. 9. 8. 13:20
-http: Hyper Text Transfer Protocol(통신규약) -HTML: Hyper Text Markup Language -Hyper Text: 관련 문서로 연결되어 있는 텍스트 -Hyper Media: 관련 문서로 연결되어 있는 이미지나 영상 등 1. 이클립스 접속 후 File→New→Other→Web→Dynamic Web Project로 파일 생성 2. Visual Studio Code 접속 File→Open Folder→이클립스에서 생성된 파일 열기(webapp) 웹사이트에 방문해주셔서 감사합니다 주석문 -Ctrl+Shift+/ : HTML 파일에서 주석문 만드는 기본으로 설정된 단축키 -사용방법 내용을 쓰고 그 문구를 블럭으로 잡은 후 단축키를 사용하면 그 블럭은 주석으로 감싸짐..