복습용연습장

header 영역 웹사이트 최상단에 위치한 태그 nav영역 메뉴 영역을 뜻한다 section 영역 연관있는 정보를 묶어줄때 사용 article 영역 독립적으로 고유한 정보를 나타낼때 사용 aside 영역 본문 외 다른 내용 footer 영역 사이트의 최하단에 위치한 태그 주로 사이트의 정보들을 적는 칸 시멘틱 구조를 사용하는 이유 1. 페이지를 분할하기 때문에 코드 가독성이 좋다 ( 유지보수에 좋다 ) 2. SEO 에 좋다. 그리고 HTML5 문법이기 때문에 IE8이하에서는 호환이 안된다

HTML 2022. 5. 10. 02:27

ul, ol ,li 목록을 만들기 위해서 사용 하는 태그 ul 안에 li 태그는 작은 동그라미로 리스트를 나타냄 ol 안에 li태그는 1~ 부터 숫자를 나타냄 list-style:none css에서 list-style: none; 으로 ul 과 ol의 스타일을 없앨 수 있음 ------------------------------------------------------------------------------------------- 테이블 태그 , , , 테이블을 생성할때 만드는 태그 안에 코드 작성 테이블의 가로줄을(행) 만드는 태그 태그안에 작성하는 태그로 tr의 세로줄을(열) 만드는 태그 td과 똑같은 기능이나 글씨를 진하게 해준다 가로줄 병합 태그 2행에 colspan = '2 ' 로 2행의 ..

HTML 2022. 5. 5. 01:35

form 폼태그 안에 action = ' 전송할 주소 ' method = ' get ' , method = ' post ' 따로 설정안하면 기본값은 get get은 input의 name과 입력한 정보가 url에 보여진다 post는 정보가 url에 보여지지않는다. 중요한 데이터를 전송할때는 get을 사용하지않는다. get이 속도는 빠르고 정보가 url에 보이기 때문에 보안에는 안좋다 post는 get보다는 느리지만 보안은 좋다 input input태그 안에 name = ' ' / 서버로보낸 그 input을 뜻함 placeholder = ' ' / 투명한값 일반적인 로그인창에서 보이는 사용자에게 보여주기 위한 값 value = ' ' / 수정이 안되는 기본값 type의 종류 text : 한칸 텍스트 pass..

HTML 2022. 4. 20. 17:52

링크 태그 내용 특징: inline 태그 태그 안에 target = ' blank ' 하면 현재창에서 링크창으로 바꿔주는게 아니라 새창을 띄워줌 계속 링크를 눌러도 한가지 새로운창에서만 나옴 _blank 하면 링크를 누를때마다 새창을 띄워줌 css에서 text-decoration : none; 으로 밑줄 제거 가능 닫는태그 x 리액트 에서는 alt = '' : 이미지 경로가 잘못되거나 이미지가 없거나 이미지가 로딩중일때 이미지가 아닌 alt에 적힌 코드가 출력 width, height로 이미지 크기 조절

HTML 2022. 4. 20. 17:18

html5을 알리는 독타입 선언문 브라우저가 어떤 언어로 이루어진지 알리는 선언문 한국어는 ko charset = ' utf-8 ' : 모든언어를 커버하기 위해서 사용 브라우저의 문자가 깨지는걸 방지 viewport : 모바일이나 pc에서의 배율을 맞추기위해 메타태그, 미디어 쿼리에서 사용할때도 필요 브라우저 title 옆에 아이콘을 변경하는것 이미지 확장자는 .ico 또는 .png로 ico가 호환성이 더 좋다 16x16가 표준사이즈 블록요소: 한칸에 하나의 블록만,height width설정 가능, 자동 줄바꿈 인라인요소: 딱 그 크기만큼 차지, height width설정 불가능, 줄바꿈x 대표적인 블록태그 한칸을 차지한다. 특징: 줄 바꿈 대표적인 인라인태그 특징:잘 바꿈x , width, height..

HTML 2022. 4. 20. 03:19

1. live server alt+l+o 또는 오른쪽 마우스 + 오픈 라이브 서버 또는 하단 오른쪽 go live클릭 2. bracket pair colorizer 태그를 많이 감싸면 헷갈리는데 덜 헷갈리게 해줌 3ㅌ. auto rename tag 4. html to css autocompletion 5. html css support 6. indent-rainbow

HTML 2022. 4. 16. 15:12