홈페이지 만들기/1단계. HTML17 HTML 시맨틱(semantic) 태그: header nav section article footer address aside (HTML 시맨틱 태그: header nav section article aside footer address '시맨틱(semantic)'이란 '의미의' 또는 '의미가 통하는'이라는 뜻입니다. 따라서 '시맨틱 태그'란 '의미적 태그' 정도로 해석할 수 있겠습니다. 시맨틱 태그는 특별한 기능은 없으나, 이 태그를 사용함으로써 페이지 구조를 더 쉽게 이해하게 할 수 있습니다. 시맨틱 태그는 주로 레이아웃을 짜는 데 많이 사용합니다. 어디가 머리말인지, 본문은 어디인지 등 시맨틱 태그를 활용해 컨텐츠들을 묶어줍니다. 이렇게 시맨틱 태그를 사용하면 프로그래머, 검색엔진, 시각장애인 등이 웹페이지를 한 눈에 이해할 수 있게됩니다. 1. header nav 태그 - header 태그는 머리말을 나타냅니다. - 웹페.. 2020. 10. 27. HTML audio video source 태그 HTML audio video source track 태그 오늘은 오디오와 비디오 파일을 삽입하는 방법을 알아보겠습니다. 1. audio 태그 - audio 태그는 오디오 파일을 삽입하는데 사용합니다. - 대부분의 브라우저에서는 가능하면 mp3 형식의 파일을 삽입합니다. - audio 태그는 src controls autoplay loop muted preload 속성을 가질 수 있습니다. - src 속성은 파일의 경로를 지정해줍니다. 필수요소입니다. - controls 속성을 지정하면 웹브라우저에 오디오를 제어하는 콘트롤 박스를 만들어줍니다. - 위 예시에서 초록색으로 표시해둔 부분이 controls로 나타난 부분입니다. - autoplay 속성을 지정하면 웹브라우저가 로드되었을 때 오디오를 자동으로 .. 2020. 10. 25. HTML select option optgroup textarea 태그 HTML select option optgroup textarea 태그 오늘은 폼 요소 중에 여러 데이터를 나열해 보여주고 선택할 수 있도록 해주는 태그를 배워보겠습니다. 1. select option - select와 option 태그를 사용하면 여러 데이터를 나열해 보여주고 선택하도록 하는 기능을 구현할 수 있습니다. - select 태그를 사용해 보여줄 데이터의 드롭다운 목록을 만들어줄 수 있습니다. - 드롭다운 목록이란 ▼를 클릭했을 때 데이터 목록을 아래쪽으로 쭈욱~ 펼쳐지게 하는 것을 말합니다. - select 태그는 size와 multiple 속성을 가질 수 있습니다. - size 속성은 화면에 드롭다운을 클릭하기 전에 한 번에 표시할 목록의 개수를 지정하는데 사용합니다. - size를 지정.. 2020. 10. 23. HTML label fieldset legend 태그, autofocus placeholder readonly required 속성 HTML label fieldset legend 태그, autofocus placeholder readonly required 속성 지난 시간에 배운 input 태그의 type 속성들 HTML 입력(input) 태그 type 속성: time datetime-local submit reset button HTML 입력(input) 태그 type 속성: time datetime datetime-local submit reset button 지난 시간에 배운 input태그의 type 속성들 HTML 입력(input) 태그 type 속성: hidden search url email tel radio checkbo.. makinghome.tistory.com 지난 시간에는 input 태그의 type 속성 중 ti.. 2020. 10. 22. HTML 입력(input) 태그 type 속성: time datetime-local submit reset button HTML 입력(input) 태그 type 속성: time datetime datetime-local submit reset button 지난 시간에 배운 input태그의 type 속성들 HTML 입력(input) 태그 type 속성: hidden search url email tel radio checkbox date month week HTML 입력(input) 태그 type 속성: hidden search url email tel radio checkbox date month week 지난 시간에 배운 input태그의 type 속성들 태그와 text password 속성" data-og-description="HTML 폼(form) 태.. makinghome.tistory.com 지난 시간에는 inp.. 2020. 10. 20. HTML 입력(input) 태그 type 속성: hidden search url email tel radio checkbox date month week HTML 입력(input) 태그 type 속성: hidden search url email tel radio checkbox date month week 지난 시간에 배운 input태그의 type 속성들 HTML 폼(form) 태그: 태그와 text password 속성 HTML 폼(form) 태그: text password 태그를 사용하면 사용자의 정보를 웹 서버로 보내줄 수 있습니다. 그러나 태그를 사용하여 실제로 정보를 서버로 보내기 위해서는 서버에 대한 공부가 더 필요합니�� makinghome.tistory.com 지난 시간에는 input 태그의 type 속성 중 text, password, number를 알아보았습니다. 오늘은 hidden, seacrh, url, email, tel, rang.. 2020. 10. 18. 이전 1 2 3 다음 반응형
