본문 바로가기

HTML5

(3)
[CSS3] 다양한 스타일 적용 방식, 선택자 (Selector) 다양한 CSS3 스타일 적용 방식 알아보기국비지원수업 2일차 ~ 3일차    0. CSS3CSS(cascading style sheets)- Tag안에서 지정되던 옵션을 포함하여, 다양한 옵션과 꾸밈 요소를 적용할 때 사용- Tag안에 직접 기술하거나, 별도의 시트에 작성 후 name, id 등으로 연결하는 스타일 정의 구문    1. 스타일을 지정하는 방법 1-1. 태그 안에 style 속성을 삽입- 스타일을 지정하고자 하는 태그 안에 style 속성을 넣고 필요한 내용을 ; (세미콜론)으로 구분해서 입력  1-2. id 또는 class 지정 1. 적용할 태그에 id 또는 class를 지정2. id(or class)에 지정한 이름 또는 태그 이름을 이용해서 별도의 공간에 스타일을 지정* 보통 head ..
[HTML5] 기본 태그 알아보기 -2 Visual Studio Code를 이용한 HTML5 태그 알아보기국비지원수업 2일차   9. table type 속성       10. color (키워드, rgb, hex, hsl) 10-1. 키워드를 사용ex) red, orange, blue, magenta, yellow, black, white  * 키워드 색상의 종류 : https://www.w3schools.com/colors/colors_names.asp 10-2. RGB 색상 단위1. RGB(Red, Green, Blue)2. RGBA(Red, Green, Blue, Alpha)- rgba(0~255, 0~255, 0~255, 0.0~1.0)*0.0(완전투명) ~ 1.0(완전불투명)ex) 빨강 : rgb(255,0,0) / 파랑 : ..
[HTML5] 기본 태그 알아보기 -1 Visual Studio Code를 이용한 HTML5 태그 알아보기국비지원수업 1일차    0. HTML이란?HTML(Hyper Text Markup Language)   1. 주석 () 주석() : 브라우저 화면에 표시는 되지 않지만 참고용으로 적어둘 수 있는 설명이나 메모Ctrl + / 로 작성한다   2. Header ()  Header Tag : 문단의 제목이나 콘텐츠의 제목을 쓸 때 사용하는 태그 부터 까지 존재하며, 숫자는 헤더의 크기를 나타낸다.   3. Paragraph () Paragraph () : 문단이 끝남과 동시에 줄바꿈 작용   4. 한줄 개행 태그 (, ) BR () : 사용된 곳에 한 줄 개행HR () : 사용된 곳에 한 줄 개행 + 가로 수평 라인 표시 해당 태그는 하나만 ..