728x90

일단 해보는 코딩 125

[CSS] 글자 스타일

글자 스타일 속성 속성 값 의미 text-align left, center, right 글자 정렬 line-height 150%, 180%, 200% 등 줄 간격 text-decoration underline, none 글자 장식 font-family 맑은고딕, 돋음,바탕 등 글자 폰트 font-size 16px, 20pc, 30px 등 글자 크기 font-weight bold, normal 등 글자 두께 font-style italic 이탤릭체 text-shadow 3px 3px 5px #444444 글자 그림자 색상 font-family 속성은 글자의 폰트를 설정하는데 맑은 고딕, 돋움, 굴림, 바탕 등 컴퓨터에 내장된 글꼴만 사용할 수 있다. 이런 기본 포트 이외의 폰트를 사용하려면 구글 폰트 사이..

[CSS] CSS(Cascadion Style Sheets), 배경화면, 글씨 색상설정

CSS란? CSS는 HTML을 보좌하여 웹 페이지를 디자인적으로 꾸미고 페이지의 요소를 화면에 배치하는 역할을 한다. CSS는 기본 구조를 가지고 있으며, HTML에 문서를 삽입하는 세 가지 방법, 웹에서 사용되는 RGB 색상의 사용법, 글자 스타일 지정 방법, 글자에 그림자를 넣는 방법 등이 포함된다. CSS가 나오기 전에는 HTML로 디자인적인 요소들도 만들어 쓰게 했는데 본연의 HTML이 변색되었기 때문에 웹 표준 국제기구인 W3C.에서 1996년 웹의 뼈대를 담당하고 디자인적 요소는 CSS 사용도록 규제했다. CSS의 기본 구조 CSS는 HTML 속에 태그 내의 고양이 개요 표유류 식육목 고양이과에 속하는 대표적인 동물이다.

[HTML] 테이블생성

테이블 웹 페이지에 테이블을 삽입하는 데에는 , , , 태그를 사용한다. 테이블을 만들고, 행과 열을 병합할 수 있다. 테이블 삽입 - , , , 종류 설명 참고 전체 테이블을 감싸는 것(border="1" 경계선의 두께) border="1" 경계선의 두께 테이블의 제목 각각의 행을 만들 때 (table row) table row 테이블의 첫 번째 행에서 각 열의 제목 생성 (table header) table header 테이블 행 내에 있는 각각의 셀 표현 (table division) table division 표 구조의 제목부분 표 구조의 본문부분 표 구조에서 요약이나 정리 부분 표에서 열의 스타일 지정 표에서 여러 열을 함께 묶어서 스타일을 지정 ** 태그나 태그에서 사용하는 colspan 속성..

[HTML] Form 양식

폼 양식과 테이블 텍스트 입력창 input type="text" 버튼 input type="submit" 비밀번호 입력 창 input type="passworld" input type="button" 라디오 버튼 input type="radio" input type="reset" 체크박스 input type="checkkbox" 선택박스 파일 input type="file" 다중 입력창 년,월,일,시각 input type= "datetime_local, month, time, week" 년,월,일 input type="date" 이미지 input type="image" 슬라이드바 input type="range" 이메일 input type="email" 숫자 input type="number" 색깔 in..

[HTML] 목록(list)와 하이퍼링크(Hyperlink OR Link) 삽입하기

목록만들기 웹 페이지의 목록(list)을 표시하는 방법애는 동그라미가 붙는 것과 (ul,ui)과 일련번호가 붙는 순서 있는 목록(ol,li) 두 가지가 있다. 태그의 속성 웹이란 무엇인가? 웹은 거미줄인데 www(world wide web)의 약어이다. 인터넷과 웹 브라우저를 통해서 원하는 정보를 얻을 수 있다. 웹 브라우저를 통해서 원격이 있는 사용자와 상호 소통이 가능하다. 웹 관련 직업으로 웹 디자이너, 웹 퍼블리셔, 웹 프로그래머 등이 있다. 태그의 tyoe, start 속성 레드향 샐러드 레시피 재료 : 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드 채소 30g 드레싱 : 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간 재료 준비 샐러드 채소를 씻고 물기를 제거한 후 준비합니다. ..

[HTML] IMG(사진),Video, URL 삽입 방법

이미지(IMG) 웹 페이지에 이미지를 사용하려면 태그를 사용한다. 이미지를 삽입할 때 태그와 이미지의 너비와 높이를 설정하는 width와 height속성도 지정해야한다. 이미지 경로는 절대경로(무조건 최상위 위치)와 상대경로(html파일과 같은곳)로 입력하면 된다. 상대경로는 ./~로 시작되지만 ./를 생략해도 된다. 상대경로에서 현재 경로는 ./ 이고 하나 위 경로는 ../, 두 개 위 경로는 ../../ ~로 위치를 나타낸다. 이미지 파일 종류와 설명 포맷 설명 jpg 24비트 트루컬러, 사진 이미지, 파일크기를 줄일 수 있음 png 24비트 트루컬러, 무손실 압축, 휴대폰 등에서 고화질 유지, 최근 널리 사용 gif 8비트(256컬러), 무손실압축, 그래픽 이미지에서 널리 사용, 파일크기 작음 sv..

[HTML] HTML구조

HTML이란? Hyper Text Markup Language의 약어로써 웹 사이트를 구축하는데 가장 기본이 되는 컴퓨터 언어이다. 버전에 몇 가지 있는데 2014년 10월에 제정된 HTML 5가 최신버전이다. HTML 문서는 기본적으로 HTML 태그(Tag)를 뼈대로 해서 구성된다. HTML문서의 기본 구조 1. 또는 : 현재 문서가 HTML5언어로 작성한 웹문서라는 뜻 ​ 2. ~ : 웹문서의 시작과 끝을 나태는 태그, 웹 브라우저가태그를 만나면 까지 소스를 읽어 화면에 표시, 실제 문서 정보와 내용이 시작되고 끝나는 것을 표시하는 태그 lang 속성을 사용해 문서에서 사용할 언어 지정 문서정보를 지정하는 : 웹 브라우저가 웹 문서를 해석하는 데 필요한 정보 입력, 브라우저에게 정보를 주는 태그 문서..

[HTML] 웹(Web)

웹은(Web) 웹(Web)은 World Wide Web의 약자로써 간단하게 WWW로 표현한다. 웹이란 인터넷에 연결된 컴퓨터를 통해서 전 세계와 정보를 공유하는 사이버 공간이다. 사용자는 웹 브라우저를 통해서 각 컴퓨터에 구축된 웹 사이트 콘텐츠를 이용하게 된다. 세계적인 웹 브라우저는 인터넷 익스플로(Internet Explorer), 크롬(Chrome), 파이어폭스(Firefox), 사파리(Safari) 등이 있다. 웹에서 웹브라우저는 상당히 중요한 역할을 수행하는데 웹이라는 명칭이 붙어있는 모든 서비스는 이 브라우저를 통해 활용이 가능하다. 웹메일에서는 웹 브라우저를 통해서 메일을 주고받을 수 있고, 웹 게임도 웹 브라우저를 통해서 플레이하는 것이기 때문에 웹이라는 명창이 붙은것이다. 이외에도 웹 ..

728x90