HTML5
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3프로그래밍 연습 2020. 10. 13. 10:51
인프런 실전 HTML CSS 강좌 정리 - HTML 기본3 1. 블록태그 태그처럼 대행이 없지만 블록 쌓듯이 밑으로 나열되는 태그 지난번 정리했던 태그와 List태그가 해당된다. 2. 인라인태그 블록태그와 다르게 옆으로 쭉 나열되는 태그로 인라인 요소가 들어가 있다. 오늘 정리한 태그가 있다. 3. 태그 인라인 요소를 그룹화를 정의한다. 주변 요소와 구별하기 위하거나 다른 적절한 태그가 없는 경우에 사용한다. CSS 스타일링 사용을 위해 설정하는 경우가 많다. 비교 (Compare) 블록 요소를 그룹화한다면 를 사용한다. 인라인 요소를 그룹화한다면 태그를 사용한다. 4. 태그 미디어 영상을 재생하며, 태그와 같이 사용한다. 5. 폼 태그 태그 데이터를 입력할 수 있는 폼 컨트롤을 정의한다. 사용자가 입력..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2프로그래밍 연습 2020. 10. 10. 18:23
인프런 실전 HTML CSS 강좌 정리 - HTML 기본2 https://youtu.be/HheApDKZkRo 리스트 태그 , , , , , 1. 순서가 필요 없는 목록 태그 : unordered list 태그 : list item 2. 순서가 정해져 있는 목록 태그 : ordered list 3. 정의 리스트 태그 태그 - Definition List - 용어의 목록의 시작과 끝을 지정하는데 쓰인다 - 하위요소로는 , 태그가 있다 태그 - Definition Team 약자 - 정의하고자 하는 제목을 나타내는 데 사용된다. 태그 - Definition Description의 약자 - 내용을 적을 곳에 사용된다. , , 모두 블록 요소(Block Element) 속성이다. 4. a 태그 속성 링크 클릭시 ..
-
웹표준 사이트 레이아웃 만들기 연습 1프로그래밍 연습 2020. 10. 9. 23:25
웹표준 사이트 레이아웃 만들기 연습 1 인프런 기초강의를 보면서 차근차근 진행하고 있는 Webstoryboy님 영상이다. 보면서 차근차근 태그 개념도 알아갈 겸 정리하는 중. 01. 웹 표준 사이트 만들기(2019) - layout01 https://wtss.tistory.com/168#comment17580504 01. 웹 표준 사이트 만들기(2019) - layout01 사이트를 만들기 전에 레이아웃을 익히는 것은 가장 기본입니다. 웹 페이지의 레이아웃은 웹 사이트의 외관을 결정짓는 매우 중요한 요소입니다. 앞으로 나오는 레이아웃 예제를 하나하나씩 따 wtss.tistory.com 완성 예제 소스는 위 사이트 주소로 들어가면 된다. 블록구조로 div를 쓰면 한 영역을 자기의 영역으로 인식하기 때문에 ..
-
인프런 실전 HTML CSS 강좌 정리 - HTML 기본프로그래밍 연습 2020. 10. 9. 19:28
인프런 실전 HTML CSS 강좌 정리 - HTML 기본 1- https://inf.run/5E6Q 실전 HTML & CSS 강좌 - 인프런 Web을구성하고있는HTML5 과 CSS3 를 다루는 강좌 입니다. 입문 웹 개발 HTML/CSS 웹 퍼블리싱 온라인 강의 css 강좌 www.inflearn.com 인프런에서 HTML CSS 무료강좌를 들으면서 배운 내용을 토대로 찾아가며 정리한 내용들이다. HTML과 CSS 태그 관련해서 궁금한 부분은 유투브 Webstoryboy에 올라와 있는 레퍼런스를 참고하면 된다. HTML 레퍼런스 https://webzz.tistory.com/221 CSS 레퍼런스 https://webzz.tistory.com/353 HTML 웹 문서를 표현하기 위한 하이퍼 텍스트 마크업..