HTML 폰트 또는 웹 폰트 간단히 적용해 보기
font-family 속성font-family : "글꼴1", 글꼴2, 글꼴3 형식으로 사용글꼴1번이 없을경우 글꼴2로 대체되고 글꼴 2도 없을경우 글꼴 3으로 표시합니다. 만약 글꼴 3도 없을 경우 기본 글꼴로 적용됩니다. 폰트는 사용자 시스템의 글꼴을 반영하기 때문에 사용자 컴퓨터에 폰트가 없을경우 기본 글꼴로 표시됩니다. 개발자가 자기가 정한 글꼴을 보여주고 싶을 경우에는 웹폰트를 사용하면됩니다.웹폰트는 구글 웹 폰트 나눔 고딕 기준으로https://fonts.google.com/earlyaccess 만약 특정폰트를 적용하고 싶을경우에는 ttf, woff, otf, eot, svg, svgz 폰트를 업로드하여 적용가능합니다. 스타일을 적용해 볼께요. 스타일 미적용 입니다. 적용 결과 화면입니다.
스타일 태그를 사용하여 웹문서의 디자인을 변경할 수 있습니다. 스타일의 형식선택자{ 속성:값;}p{color:black;} 형태로 사용합니다. 선택자는 한번에 여러개도 적용 가능합니다. p,h1{color:black;} 모든 선택자에 적용하고 싶을경우 *{속성:값;} 을 사용하시면 됩니다.특정 태그가 아닌 특정 클래스이름에 스타일을 적용하고 싶을 경우 .클래스이름{속성:값};특정 id 이름에 스타일을 적용하고 싶을 경우 #아이디이름{속성:값}; 스타일은 헤드태그 사이에 넣어도되고 css파일을 따로 만들어 적용하거나 태그에 직접 하는 방법들이있습니다. 스타일을 적용해 볼께요. style.css 파일 @CHARSET "UTF-8"; p{ margin: 200px; }
로그인 창과 같은 폼을 통해 JSP,PHP,ASP와 같은 서버 언어를 이용하여 데이터를 전달할 수 있다.폼태그 안에는 input, textarea, button, select, option, optgroup, fieldset, label 요소를 포함합니다. form 속성accept-charset제출에 사용할 문자를 지정합니다.action데이터를 보낼 URL위치를 지정합니다.autocomplete자동완성 사용여부를 지정합니다.enctypepost방식일경우 사용하며 서버로 전송할 때 데이터 인코딩 방법을 지정합니다.methodget과 post방식의 속성값을 가지고 있으며 get은 주소 표시줄에 입력한 내용이 그대로 드러나는 방식으로 256바이트 부터 4096바이트까지 데이터만 성버로 넘길 수 있으며, pos..
속성 id를 사용하여 이름을 정한뒤에 a태그 href에서 #id를 이용하시면 됩니다.
글에 링크를 달고 싶을 경우 a태그에대한 속성에 대해서는 아래 예제를 참고하세요.
제목과 설명 목록을 만들때 사용하며, 태그는 제목을 태그는 설명을 순서가 없는 목록을 사용하며, 기본적으로 불릿이 붙습니다.순서가 없는 목록을 사용하며, 기본적으로 숫자가 붙습니다.리스트 아이템의 약자로 ul과 ol태그 안에 사용해 각 항목을 표시해줍니다. 목록에 들여쓰기, 점, 숫자등 없애기위해서는 스타일처리를 해주면 됩니다.css부분에서 ul이나 ol과같이 모든 태그에 같은 스타일을 적용하실려면, 아래의 코드를 css부분에 넣으시면 됩니다. ul{ list-style:none; padding-left:0px;}