SecurityFirst/Web8 HTML 기초 공부 - 8. 태그 종류에 상관없이 사용하는 글로벌 속성 마지막으로 글로벌 속성(global attribute)을 알아보자. 우리는 앞에서 a 태그는 링크 대상 경로를 지정하기 위해 href 속성을 사용한다고 했다. 그렇다면 hn 태그와 p 태그에도 href 속성을 사용할 수 있을까? 결론부터 말하자면 사용할 수 없다. HTML 언어에서 태그는 각 태그에서 사용할 수 있는 속성이 정해져 있기 때문이다. 하지만 예외도 존재한다. 태그 종류에 상관없이 모든 태그에서 공통으로 사용할 수 있는 속성이 있는데, 이것이 바로 글로벌 속성이다. 실무에서 자주 사용하는 글로벌 속성은 아래 표에 나와 있다. 표에 나온 속성은 종류를 가리지 않고 모든 태그에서 사용할 수 있다. 속성 값 설명 class value 요소에 클래스 값을 지정한다. 클래스 값은 CSS에서 클래스 선택.. 2023. 10. 25. HTML 기초 공부 - 7. 웹 페이지 구조를 설계하는 시맨틱 태그 웹이 점차 발전하고 웹이 가진 정보의 가치가 높아지면서, 사람이 아닌 기계도 쉽게 이해할 수 있도록 웹 페이지를 더욱 의미 있게 설계하는 일이 매우 중요해졌다. 이에 따라 새롭게 등장한 트렌드가 시맨틱 웹(sementic web)이다. 시맨틱은 사전적으로 '의미론적' 이라는 뜻으로, 시맨틱 웹은 '의미론적인 웹' 정도로 직역할 수 있다. 요컨대, 시맨틱 웹은 더 의미 있게 웹 페이지를 설계하는 트렌드이다. 그리고 이런 트렌드에 맞춰 시맨틱 태그를 사용하기 시작했다. 시맨틱 태그는 태그의 이름만으로 태그의 용도나 역할에 대한 의미가 명확한 태그를 말한다. 지금까지 배운 태그도 알게 모르게 시맨틱 태그에 속하는 태그도 있고, 논 시맨틱(non-sementic) 태그에 속하는 태그도 있다. 대표적으로 tabl.. 2023. 10. 18. HTML 기초 공부 - 6. 멀티미디어 설정하기 멀티미디어와 관련한 요소로 웹 페이지에서 가장 많이 볼 수 있는 것은 오디오와 비디오이다. HTML에서는 각각 audio 태그와 video 태그로 작성할 수 있다. 1. audio 태그 HTML5가 등장하기 전에는 오디오 파일이 웹 브라우저에서 구현하기 가장 복잡한 구성 요소였다. 하지만 HTML5에서 audio 태그가 추가되면서 이젠 웹 브라우저에서도 손쉽게 오디오 파일을 삽입할 수 있게 되었다. 문법 형식 audio 태그의 기본 형식은 다음과 같다. audio 태그는 항상 src 속성과 함께 사용하며, src 속성값에는 삽입하려고 하는 오디오 파일의 경로를 적어 준다. 그리고 오디오 컨트롤 패널이 웹 브라우저에 노출되도록 controls 속성을 설정해야 한다. 코드를 실행하면 웹 브라우저에 내장된 오.. 2023. 10. 17. HTML 기초 공부 - 5. 표 만들기 표(table)는 웹 페이지에서 흔하게 볼 수 있는, 2차원 격자 형태로 구성된 데이터를 의미한다. 표는 다음 그림처럼 행(row), 열(column) 그리고 행과 열이 만나는 셀(cell)로 구성된다. HTML에서 표를 어떻게 표시하는지 배워 보자. 1. table 태그 HTML에서 표를 생성할 때는 table 태그를 사용한다. 2. caption 태그 HTML에서 표를 생성할 때 웹 접근성을 향상하는 방법의 하나로 표 제목을 지정한다. 표 제목은 caption 태그로 지정하므로 표를 만들 때는 반드시 caption 태그를 사용하여야 한다. caption 태그는 이후에 배울 표 관련 태그 중에서 table 태그 안에 첫 번째로 작성하여야 하는 태그이다. 표 제목 3. tr 태그 (table row) t.. 2023. 10. 16. 이전 1 2 다음
