HTML + CSS23 HTML - 3. HTML Attributes attribute는 종류가 많고, 어떤 tag인지에 따라 적용할 수 있는 attribute도 달라진다. 1. id id는 각 태그에 이름을 주는 속성이다. 즉, 주민등록번호와 같이 한국에 단 하나밖에 없는 고유한 값이라 이해하면 된다. 웹 페이지에 해당 id 이름은 class처럼 중복되지 않고 오직 하나만 가질 수 있다. (예. div id = "hi">) 이와 같이 hi이라는 id를 가진 태그는 단 하나만 있을 수 있다. 다른 태그에 hi라는 id는 더 이상 사용할 수 없다. 그래서 id는 해당 요소에만 넣고 싶은 디자인을 적용할 때 주로 사용한다. 2. class class도 태그에 이름을 주는 속성이다. id와 비슷한 역할이지만, class는 여러 태그에 중복된 이름을 부여할 수 있다. (예. , .. 2020. 6. 12. HTML - 2. HTML의 구조 1. HTML tags HTML 파일의 구조는 항상 아래와 같다. 여기서 는 HTML 파일에 제일 첫 줄에 위치해야 하는 선언문이다. 은 html 파일이 무슨 버전의 html을 사용했는지 브라우저에 알려주는 역할을 한다. ⚠️ 현재 사용하고 있는 버전은 html5이다. html elements(요소)들은 으로 감싸져 있는데, 브라우저가 html태그를 만나면, html을 시작됐는지 인지하고 요소를 그릴 준비를 한다. html태그 다음에 항상 head태그가 위치한다. 태그 안에는 사이트의 제목, 설명, 부가정보, 기술적 내용(예. 이 사이트는 모바일용인지에 대해)이 들어가는 부분이다. 태그👇👇👇👇👇👇👇👇👇👇👇👇 : 한글, 일본어, 중국어가 포함된 페이지라면 utf-8이라는 값으로 인코딩을 추가해줘야 한다. .. 2020. 6. 12. HTML - 1. HTML/브라우저/Tag 1. HTML Hypertext Markup Language, 웹페이지를 만들기 위한 언어이고 구조를 잡을 수 있다. HTML 파일은 이미지, 텍스트, 비디오, 버튼 등을 웹사이트에 보여줄 내용을 구성하고 있다. HTML 파일 뒤엔. html 확장자가 있어야 한다. 2. 브라우저 쉽게 접근하자면 safari, chrome, ie 등을 브라우저라 한다. 브라우저는 HTML 파일을 가지고 뭘 어떻게 그려주면 되는지 파악한 후에 웹 페이지를 생성해준다. 브라우저만 있으면 HTML로 작성한 것을 확인할 수 있다. (Text Editor 같은 간단한 메모장 실행 후 html(. html) 확장자로 저장 후 해당 파일을 브라우저에 drag & drop 해주면 된다.) 3. Tag HTML에서 이미지나 텍스트를 표현.. 2020. 6. 12. 이전 1 ··· 3 4 5 6 다음
