스킵메뉴
- 별도의 수강신청 없이 차시 단위로 학습이 진행됩니다.
- ‘학습하기’를 클릭하여 학습을 시작한 첫 날을 학습 시작일로 인정하며, 학습기간 내에 수료기준을 충족해야 과정을 수료할 수 있습니다.
- 비회원으로 학습 진행 시, 학습 이력 저장 및 수료가 불가능합니다.
목차
| 차시명 | 좋아요 | 조회수 | 학습하기 | |
|---|---|---|---|---|
| 1 | [FE]Starting! HTML5 | 54 | 5,926회 | 학습하기 |
| 2 | [FE]제목과 문단 태그 | 24 | 3,005회 | 학습하기 |
| 3 | [FE]HTML5 텍스트 표현 | 18 | 2,168회 | 학습하기 |
| 4 | [FE]HTML5 하이퍼링크와 이미지 | 12 | 1,835회 | 학습하기 |
| 5 | [FE]HTML5 멀티미디어 | 8 | 1,455회 | 학습하기 |
| 6 | [FE]HTML5 목록을 만드는 태그 | 7 | 1,229회 | 학습하기 |
| 7 | [FE]표를 만드는 table 태그 | 6 | 1,207회 | 학습하기 |
| 8 | [FE]HTML5 문서의 구조 | 6 | 1,122회 | 학습하기 |
| 9 | [FE]HTML5 시맨틱태그 활용 | 7 | 1,017회 | 학습하기 |
| 10 | [FE]입력 양식 폼 태그 | 5 | 1,013회 | 학습하기 |
| 11 | [FE]다이나믹 폼 서식 태그 | 5 | 898회 | 학습하기 |
| 12 | [FE]다이나믹 폼 태그 - 날짜, 시간 태그 | 4 | 883회 | 학습하기 |
| 13 | [FE]다이나믹 폼 - 다양한 표현 태그 | 13 | 1,031회 | 학습하기 |
강좌정보
강좌소개
HTML5의 기본 구조를 파악하여 웹 제작의 기반을 다지고 다양한 태그들을 사용하여 웹 페이지의 구조를 구성할 수 있도록 제작된 영상과 실습형 기반 교육 과정입니다.
웹 제작, 웹 코딩 등에 대해서 전혀 모르는 초급자가 단기간에 HTML에 대한 기본적인 틀과 구성요소들을 익히고 활용할 수 있습니다.
강사소개
김영아
- -한국정보기술연구소, CJ Sysrems, 한진 정보통신, 현대 정보통신, 삼성SDS 등 강의
참고사항
웹 제작의 뼈대! HTML5 파헤치기_학습자료.zip
후기
이용안내
- 후기에서는 강좌에 대한 평가와 후기를 등록하고 확인할 수 있습니다.
- 강좌를 학습한 학습자만 작성할 수 있으며, 재등록 시 이전에 등록한 후기는 삭제됩니다.
- 욕설, 비방, 광고, 친구 구하는 글, 릴레이 소설, 특정 연예인이나 드라마에 관련된 글 등 강의와 직접적인 관련이 없는 게시물은
관리자에 의해 삭제됩니다. test
총 31개의 후기가 있습니다.
학습질문
이용안내
- 욕설, 비방, 광고, 친구 구하는 글, 릴레이 소설, 특정 연예인이나 드라마에 관련된 글 등 강의와 직접적인 관련이 없는 게시물은
관리자에 의해 삭제됩니다. - 학습질문은 로그인 후 이용 가능합니다. 회원가입 및 로그인을 진행해주세요.
이*윤 2023.6.8
지식운영자 2024.1.12
문의하신 내용에 대한 답변을 확인 중이며, 다소 시간이 걸릴 수 있는 점 양해 부탁드립니다.
조금만 기다려 주시면 빠른 시일 내에 정확한 답변을 드리도록 하겠습니다.
감사합니다.
이*훈 2022.9.2
지식운영자 2022.9.3
학습 관련 정보를 공유해 주셔서 감사드립니다.
지식(GSEEK)과 함께하는 시간이 아깝지 않도록 더 좋은 콘텐츠와 서비스를 제공해 드리기 위해 노력하겠습니다.
감사합니다.
손*길 2022.5.26
pdf 따라서 간단하게 html파일의 템플릿 수정했는데 이 맞나요 강사님 화면에는 이라고 되어 있어서요. 크게 상관없는 부분인가요?
지식운영자 2022.5.27
외람되지만 해당 질의에 대한 응답은 제공기관의 확인이 어려워 답변이 불가한 점 양해 안내 드립니다.
학습자님의 원활한 학습을 위해 더욱 노력하는 지식(GSEEK)이 될 수 있도록 정진하겠습니다.
다시 한번 양해 말씀 전해 드리며, 언제나 학습자님 가까이에서 배움의 매 순간 힘이 되어 드릴 수 있도록 더욱 노력하겠습니다.
감사합니다.
서*일 2022.1.7
지식운영자 2022.1.7
해당 강좌는 별도의 교재 없이 제공된 학습자료를 참고하여 진행되는 강의입니다.
첨부된 자료 다운로드 후 학습에 참고하시기 바랍니다.
감사합니다.
서*주 2021.8.13
<h1>hgroup</h1>
<h2>제목을 그룹핑한다.</h2>
</hgroup>
<hgroup>
<h1>hgroup02</h1>
<h2>제목을 그룹핑한다.</h2>
</hgroup>
</body>
</html>
이부분이 잘 이해가 되지않는데요
제목이
어떻게 그룹핑 되어있다는것인지
브라우저에 표시되는것이 잘 구분이 되지않아요
윗줄과 아랫줄이 서로 그룹핑이 되어있다는 것일까요?
그룹핑이 되어있다는게 확연히 보이지않아서요...
지식운영자 2021.8.17
문의하신 내용에 대한 강사님 답변 전달해 드리겠습니다.
Hgroup는 HTML의 문서 구조화를 위해 사용하는 태그입니다.
문서 구조화는 크게 세가지로 나뉩니다.
l 표현적 마크업 : 콘텐츠의 레이아웃과 디자인을 정의하는 마크업
l 블렉 레벨 요소 : 줄바꿈으로 분리되는 하나의 독립된 덩어리 요소
l 정의 목록 : 사전식 정의를 위해 사용되는 목록
hggroup는 위의 세 가지 중 '정의 목록'에 해당되며
화면상으로 표현이 다르게 보여진다기 보다(물론 h1~h6에 따라 크기가 다르게 보여지기는 합니다만)
검색엔진 등에서 ‘제목들의 나열이구나.. '하는 것을 알 수 있도록 해주는 기능입니다.
학습에 참고하시기 바랍니다.
감사합니다.
