본문 바로가기

갬발자의 프로그래밍/HTML53

다시보는 HTML 한장요약 HTML을 다시 한번 공부하면서 요약해보려고 한다. GML -> SGML -> SGMLguid -> 기존 태그에 가 추가되면서 HTML이 탄생했다. HTML (HyperText Markup Language)이라는 약자로, 웹 브라우저와 작용할 수 있는 프로그래밍 언어이다. 1. 확장자는 (. html )이다. 2. 와 로 태그 문법을 사용한다. 3. 의 속성을 사용해서 좀 더 기능적으로 사용한다. 4. 는 html을 설명하는 태그며 보이지 않는다. 5. 는 클라이언트에게 보일 내용을 담고 있는 태그다. 6. 는 문서의 형식을 나타낸다. 7. 전체 페이지의 콘텐츠를 포함하며 기본 태그다. 이상의 특징을 갖고 있다. 위 내용이 전부이다. html의 형식은 이와 같은 모습으로 구조되어있다. 실습해 보기 위의 .. 2020. 2. 28.
속성 간단정리 태그 속성 target 링크한 url을 표시할 위치 rel 하나의 스페이스로 구분하는 연결한 url과의 관계를 나타내는 링크유형 참고: target을 사용할 때, rel="noreferrer"를 추가해 window.opener의 악의적인 사용을 방지하는걸 고려하세요. 참고: target="_blank"를 사용해 다른 페이지를 열면, 기존 페이지와 새 페이지가 같은 프로세스에서 돌아갑니다. 따라서 새 페이지에서 비싼 JavaScript 연산을 하는 순간 기존 페이지 성능에 악영향을 줄 수 있습니다. 이 현상을 피하려면 rel="noreferrer noopener"를 추가하세요. input autocomplate 는 자동완성 기능. button 의 속성에서 disabled 속성 은 해당버튼을 비활성화 시킨다 2020. 1. 14.
HTML정리 기본 개념 정리도 할 겸 다시 알아보자 HTML은 HyperTextMarkupLanguage 이다. 웹페이지를 만들기 위한 언어로 웹브라우저 위에서 동작하는 언어이다. 정보를 쉽게 표현하기 위해 구조화한 것이다. 기본구조 html head - meta정보를 가지고 있다 body - 실제로 보이는 부분이다. 계층 구조를 갖고 있다. 시멘틱 태그 좀 더 구분되기 쉽게 태그가 그 의미를 갖고자 하게 하기 위한 태그 태그 의 구조로 되어있다. 태그는 상당히 많으며 https://www.w3schools.com/tags/에서 확인할 수 있다. id는 고유의 값이다. class는 중복해서 사용 가능하다 기본적인 html 개념정리 2020. 1. 7.