본문 바로가기

분류 전체보기15

프런트 엔드 강의 교안 (1) 보호되어 있는 글 입니다. 2022. 7. 25.
블로그에 자바스크립트 적용 풀다운 메뉴 구현 코드 (javascript_page.html) 2022. 7. 22.
블로그에 스타일시트 적용 블로그 형태의 HTML에 스타일(CSS) 적용 코드 (css3_page.html) HTML5 + CSS3 Example Preview 인공지능 산업지능화 전문인력양성과정 HTML5 데이터 데이터 CSS3 데이터 데이터 데이터 JavaScript 데이터 데이터 데이터 데이터 데이터 데이터 데이터 데이터 HTML5 개요와 활용 2022년 7월 14일 웹을 지탱하는 핵심 기술은 HTML5 입니다. HTML5는 HTML의 새로운 버전으로 Client Side Technology 기술의 중심이 되는 마크업 언어입니다. 가장 특징적인 것은 기존의 웹 문서에서는 HTML 만으로 웹 서비스를 구성하는 것이 불가능하였지만 HTML5 로 넘어오면서 클라이언트와 서버와의 통신이 가능하며 이에 대한 부가 기능을 제공함으로써 .. 2022. 7. 22.
블로그 레이아웃 구성 기본 공간 분할 코드 (html5_page.html) HTML5 Example Preview 인공지능 산업지능화 전문인력양성과정 HTML5 데이터 데이터 CSS3 데이터 데이터 데이터 JavaScript 데이터 데이터 데이터 데이터 데이터 데이터 데이터 데이터 HTML5 개요와 활용 2022년 7월 14일 마크업을 구성하는 것은 어렵지 않으므로 간단하게 설명했습니다. 결과 화면을 보고 아마 대부분 이렇게 생각할 것입니다. "대체 이것이 어떻게 웹 페이지가 되나요? 이렇게 구성한 HTML 페이지에 스타일시트를 적용하면 예쁜 웹 페이지로 바뀝니다. 종합 예제 2에서는 스타일시트를 사용해 웹 페이지를 디자인하는 방법을 배웁니다. 마크업을 구성하는 것은 어렵지 않으므로 간단하게 설명했습니다. 결과 화면을 보고 .. 2022. 7. 22.
[CSS] 자주 사용하는 CSS 속성 목록 p.172~176 발췌 문자와 문장 장식 속성 용도 값 font-size 문자크기 숫자 ▶ 숫자에 px(픽셀 ), em(배수), %(백분율) 등의 단위를 붙임 키워드 ▶ xx-small, x-small, small, medium, large, x-large, xx-large 라는 7단계를 지정한다. medium이 표준 크기이다. font-family 폰트 종류 폰트 이름 ▶ 폰트의 이름을 지정한다. 한국어 또는 폰트 이름에 띄어쓰기가 포함된 경우에는 폰트 이름을 작은따움표로 감싸 지정한다. 키워드 ▶ sans-serif(고딕체), serif(명조체), cursive(필기체), fantasy(장식 계열), monospace(고정폭)을 지정한다. font-weight 문자의 두계 키워드 ▶ normal(표준.. 2022. 7. 22.
[HTML] 자주 사용하는 HTML 태그 목록 p.78~80 발췌 기본 구조와 head 내부에 사용하는 태그 태그 용도 html HTML 문서 자체를 나타낸다. HTML 문서의 시작이 되는 요소이다. head HTML 문서의 헤더 부분이다. 브라우저에는 출력되지 않는다. 내부에 검색 엔진을 위한 설명, CSS 파일의 링크, 페이지 제목 등을 작성한다. meta 언어와 설명 등 페이지 정보를 작성한다. title 페이지의 제목이다. 이 부분이 브라우저의 탭과 북마크에 페이지의 제목으로 출력된다. link 참조할 외부 파일이다. 주로 CSS 파일을 읽어 들일 때 사용한다. body HTML 문서의 콘텐츠 부분이다. body 태그 내부에 작성된 요소는 브라우저에 출력된다. 콘텐츠를 사용하는 태그 태그 용도 h1 ~ h6 제목(heading) 글자를 출력한.. 2022. 7. 20.

티스토리툴바