문서내에서 글자의 크기, 색상 및 글꼴종류를 지정할 수 있는 태그로서 사이즈는 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 는 ..
html 기본편 8편에서 alt 태그를 배운바 있습니다. 그런데 이 alt 태그와 비슷한 속성을 가진 녀석이 또하나 있는데 바로 title 태그입니다. 2018/07/08 - [Tip & Tech HTML/HTML 기초] - #08 HTML 배경색,배경이미지 및 그림 삽입 삽입되는 위치가 똑같고 이미지에 스며들어 각각의 기능을 한다는 점에서 비슷한 녀석들이나 하는일은 둘다 서로 다릅니다. 즉 alt는 그림속에 스며들어가서 크롤링 봇이나 기타 검색엔진에게 이미지에 대한 설명을 할때 전달해주는 역할을 하므로 웹상에서 사람눈에 직접 보여지진 않습니다. 일종의 사람이 봇에게 제공하는 이미지의 설명문인 셈입니다. 사람에게 전달될 수 있는 경우는 이미지가 나오지 않는 경우에 이미지 대신 출력되는 글씨가 alt태그로..
배경색 및 글자색 이 기본구조입니다. 본문의 배경 색상을 지정하는 속성은 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 또는 유사한 마크 업 언어로 작성된 문서 컨텐트를 분리 할 수 있도록 주로 설계되었습니다. 이러한 분리는 컨텐츠 접근성을 향상시키고, 프리젠 테이션 특성의 사양을보다 융통성있게 제어하고, 여러 페이지가 포맷을 공유 할 수 있도록하며, 테이블없는 웹 디자인을 허용함으로..
font 태그는 이사이의 폰트들이 적용받게 됨 로 나타내며 글꼴의 크기, 색깔, 글자체등을 지정할때 font의 앞태그 에 옵션을 추가하여 사용합니다. 는 폰트의 색상, 는 폰트의 크기를 그리고 는 폰트의 글꼴종류를 지정한 글꼴로 바꾸라는 소스명령어 입니다. 1. font color font color는 직접 white, black, green, yellow, blue 등등의 이름을 쌍따옴표 부분에 입력하여 나타낼수 있습니다. 또한 직접 입력하지 않고 색상팔레트의 색상코드표를 참조하여 그 코드를 직접입력하여 지정할 수도 있습니다. 16진수의 색상팔레트 코드표를 참조하여 입력할 경우 그 형식은 #000000 과 같이 샵뒤에 6자리가 16진수 코드가 들어가게됨으로써 색상을 표현합니다. 아래는 네이버에 있는 색..