문서내에서 글자의 크기, 색상 및 글꼴종류를 지정할 수 있는 태그로서 사이즈는 1부터 7까지 있는데 1이 가장 작은 사이즈입니다. 기본 폰트값은 3으로 지정되어 있으며, px이나 pt단위로의 변경이 가능합니다. pixel (px) : 고정된 크기 단위. (주로 컴퓨터 화면에서 사용됨) 1px은 컴퓨터 화면에서 점 1개와 같음. 크기 조정이 안 됨 point(pt) : 고정된 크기 단위. (주로 인쇄 매체에서 사용됨) 크기 조정이 안 됨 em : 웹 문서에서 사용되는 단위로, 컴퓨터 외 모바일 등 다른 장치에서도 크기 조정이 가능함. 1em은 12pt, 16px, 100%와 같음. percent(%) : em과 비슷하게 pc와 모바일, 태블릿 등 서로 다른 장치에서 상대적으로 크기 조절이 가능함 xx-sm..
인용문 (blockquote) 문서내에 있는 특정 문자열이나 문단을 왼쪽에 여백을 두어 인용문으로 처리하기 위한 태그를 말합니다. 태그를 쓸때마다 40픽셀씩 들여쓰기가 됩니다. 기본형식은 it-fix 홈페이지 입니다. 그러나 단순히 들여쓰기 하나만을 위해서 쓰인다기보다 여러가지 꾸미기기능으로 사용되어 집니다. 예를 들어보면 blockquote를 head태그사이에서 style로 지정해놓고 body부분에서 필요한 부분마다 blockquote태그를 사용하는 방법입니다. 예제)) it-fix 홈페이지 Pc사용 및 일상생활중 모든 트러블에 대한 최적의 해결방법을 제시 -border-radius:10px; 은 둥근모서리 10픽셀 입니다. 출력물)) 주석문 ( ) 해당 인터넷문서를 작성하는 사람이 자신이 참조할 내용..
가로선, 구분선, 수평선 태그 br태그나 p태그와 같이 단독적으로 사용되며, 밑줄이나 단락의 구분을 나타내는 표시로 사용됩니다. hr 태그의 속성을 지정하는 태그들로 size (굵기), width(가로 길이), align(정렬값), color(색상), noshade(입체감 없애기) 등이 있으며 함께 사용되어 세부적인 설정값을 지정하게 됩니다. 예제)) 결과 출력물 이미지를 보면 width=50% 라는 태그의 의미가 화면 전체 가로폭의 50%만 차지하라는 뜻이므로 브라우저의 창을 줄이면 비례해서 작아지고 늘리면 비례해서 커지는 모습을 볼 수 있습니다. 위는 브라우저창의 크기를 줄였을때, 아래는 늘렸을때의 모습입니다. 태그와 태그의 구별 태그 한쌍의 pre태그 사이에 있는 html 소스태그들은 과만 태그로서..
하이퍼링크의 의미 하이퍼링크란 쉽게 말해서 특정한 이미지 또는 글씨를 클릭하면 주소로 연결되어 있는 다른 페이지, 이미지, 동영상, 음악, 파일, 페이지내의 특정위치 등등으로 이동하는 연결시스템을 말합니다. 줄여서 보통 링크라고 말합니다. 좁은 의미로 해석하면 단순히 문서와 문서사이의 링크는 하이퍼링크이고, 웹이나 기타 모든 컨텐츠들 상호간의 연결을 의미할때는 링크라고 해석하는 경우도 있습니다. 웹을 연결할때는 "http://" 프로토콜을 사용하고, 메일을 연결할때는 "mailto:" 프로토콜을 사용합니다. 하이퍼링크는 클릭 또는 방문여부에 따라 세가지 색상태그를 가집니다. link 는 방문하지 않은 기본 하이퍼링크 색상을 말합니다. alink 는 클릭할 때의 하이퍼링크 색상을 말합니다. vlink 는 ..
배경색 및 글자색 이 기본구조입니다. 본문의 배경 색상을 지정하는 속성은 bgcolor이며, 글자색상을 지정하는 속성은 text color입니다 예제) 가나다라마바사 출력물 예제) 가나다라마바사 출력물) Tip : 글쓰기 작업도중 편집하다보면 실수로 일부분을 삭제등으로 날려버릴때도 있습니다. 당황하지 마시고 한글워드 칠때처럼 Ctrl + Z 하시면 전단계로 갑니다. 문서의 배경 이미지 문서의 배경에 이미지를 삽입하는 태그명령어는 background 입니다. 태그로 쓸때는 기본적으로 의 형식을 가지게 됩니다. 예제) 가나다라마바사 제 컴퓨터의 바탕화면에 있는 background.jpg라는 임의의 그림파일을 사용했습니다. 출력물) 배경이미지로 쓸 그림파일은 로딩렉의 발생을 방지하기 위해 최대한 가벼우면서 퀄..
1. hx 머리글 태그로 , x에는 1부터 6까지의 숫자를 사용할 수 있고 1이 가장 큰 폰트크기이다. 숫자가 작을 수록 글자가 커지는 역순이니 주의해야 합니다. ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷 html 기초편 아래 글씨는 실제로 위의 글씨가 적용된 모습입니다. 2. br 줄과 줄사이에 문단이 끝나지 않았음을 정의하며 단순히 줄바꾸기 역할만 합니다. 문서의 상단에 한 줄을 띄우려면 반드시 태그를 써야 하며, 연속해서 사용할 경우 의 갯수만큼 줄을 띄울 수 있습니다. 이전 포스팅에서 br태그는 세가지 모두 같은 의미의 단독태그이며 태그가 가장 호환성이 좋다고 말씀드렸습니다. #03 HTML 기본 태그명령어들 배우기 ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷..
자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어입니다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있습니다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었습니다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고, ..
CSS (Cascading Style Sheets) 는 마크 업 언어로 작성된 문서의 표현 의미 (설명 및 형식)를 설명하는 데 사용되는 스타일 시트 언어입니다. 가장 일반적인 응용 프로그램은 HTML 및 XHTML로 작성된 웹 페이지를 스타일링하는 것이지만 일반 XML, SVG 및 XUL을 비롯한 모든 종류의 XML 문서에도 적용 할 수 있습니다. CSS는 레이아웃, 색상 및 글꼴과 같은 요소를 비롯하여 문서 프리젠 테이션에서 HTML 또는 유사한 마크 업 언어로 작성된 문서 컨텐트를 분리 할 수 있도록 주로 설계되었습니다. 이러한 분리는 컨텐츠 접근성을 향상시키고, 프리젠 테이션 특성의 사양을보다 융통성있게 제어하고, 여러 페이지가 포맷을 공유 할 수 있도록하며, 테이블없는 웹 디자인을 허용함으로..
오늘은 마키(marquee)태그에 대해서 배워보겠습니다. 마키태그는 다양한 칼러의 바탕색에 역시 다양한 칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다. 먼저 당양하게 중간에 마키소스만 직접 넣어서 저장은 htm파일로 바꿔서 확인해볼수 있게 텍스트 문서를 첨부하였습니다. 다운로드 받아서 가운데 마키태그만 다양하게 삽입해보고 저장후 htm문서 새로고침을 통해 변화를 확인해 보시기 바랍니다. 마키태그 속성 명령어들 bgcolor=[색상] // 배경색상을 설정 합니다 width=400 height=300 // 가로, 세로 크기를 설정 합니다 direction="left[right|up|down]" // 스크롤 방향을 설정 합니다 behavior=scroll[slide|alternate] // 움직임 속성을..
이번 포스팅은 HTML 문서내에서 흔히 또는 필수적으로 쓰이는 기본적인 태그 명령어들을 알아보도록 하겠습니다. 전시간에 인터넷 문서의 기본구조에 대해서 배웠습니다. 요렇게 배웠습니다. 그때 추가적으로 배운것이 줄바꿈 명령어와 와 같이 글자색을 바꾸는 명령어에 대해 알아봤었습니다. 태그는 모두 같은 의미를 가진것으로 가 있는데 어떤것을 쓰더라도 상관 없습니다. 단 그럴 일은 드물지만 아주 오래된 구형 브라우저로 웹서핑을 하실 분들을 위해 구형 브라우저와의 호환성까지 염두에 두셔야 할 분이라면 태그를 쓰시라고 권해드립니다. 참조 페이지 : https://code.i-harness.com/ko/q/1db33a 제 블로그 HTML소스를 들여다 보면 시작부분이 다음과 같습니다. 자 이제 기본적인 다른 태그 명령어..