​​ 'HTML' 태그의 글 목록 (3 Page)

IT ERROR FIX

HTML (31)

#09 하이퍼링크(Hyperlink)

하이퍼링크의 의미 하이퍼링크란 쉽게 말해서 특정한 이미지 또는 글씨를 클릭하면 주소로 연결되어 있는 다른 페이지, 이미지, 동영상, 음악, 파일, 페이지내의 특정위치 등등으로 이동하는 연결시스템을 말합니다. 줄여서 보통 링크라고 말합니다. 좁은 의미로 해석하면 단순히 문서와 문서사이의 링크는 하이퍼링크이고, 웹이나 기타 모든 컨텐츠들 상호간의 연결을 의미할때는 링크라고 해석하는 경우도 있습니다. 웹을 연결할때는 "http://" 프로토콜을 사용하고, 메일을 연결할때는 "mailto:" 프로토콜을 사용합니다. 하이퍼링크는 클릭 또는 방문여부에 따라 세가지 색상태그를 가집니다. link 는 방문하지 않은 기본 하이퍼링크 색상을 말합니다. alink 는 클릭할 때의 하이퍼링크 색상을 말합니다. vlink 는 ..

더 읽기

alt 와 title 속성에 관하여

html 기본편 8편에서 alt 태그를 배운바 있습니다. 그런데 이 alt 태그와 비슷한 속성을 가진 녀석이 또하나 있는데 바로 title 태그입니다. 2018/07/08 - [Tip & Tech HTML/HTML 기초] - #08 HTML 배경색,배경이미지 및 그림 삽입 삽입되는 위치가 똑같고 이미지에 스며들어 각각의 기능을 한다는 점에서 비슷한 녀석들이나 하는일은 둘다 서로 다릅니다. 즉 alt는 그림속에 스며들어가서 크롤링 봇이나 기타 검색엔진에게 이미지에 대한 설명을 할때 전달해주는 역할을 하므로 웹상에서 사람눈에 직접 보여지진 않습니다. 일종의 사람이 봇에게 제공하는 이미지의 설명문인 셈입니다. 사람에게 전달될 수 있는 경우는 이미지가 나오지 않는 경우에 이미지 대신 출력되는 글씨가 alt태그로..

더 읽기

#08 HTML 배경색,배경이미지 및 그림 삽입

배경색 및 글자색 이 기본구조입니다. 본문의 배경 색상을 지정하는 속성은 bgcolor이며, 글자색상을 지정하는 속성은 text color입니다 예제) 가나다라마바사 출력물 예제) 가나다라마바사 출력물) Tip : 글쓰기 작업도중 편집하다보면 실수로 일부분을 삭제등으로 날려버릴때도 있습니다. 당황하지 마시고 한글워드 칠때처럼 Ctrl + Z 하시면 전단계로 갑니다. 문서의 배경 이미지 문서의 배경에 이미지를 삽입하는 태그명령어는 background 입니다. 태그로 쓸때는 기본적으로 의 형식을 가지게 됩니다. 예제) 가나다라마바사 제 컴퓨터의 바탕화면에 있는 background.jpg라는 임의의 그림파일을 사용했습니다. 출력물) 배경이미지로 쓸 그림파일은 로딩렉의 발생을 방지하기 위해 최대한 가벼우면서 퀄..

더 읽기

#07 문서의 속성태그 h, br, p 이해하기

1. hx 머리글 태그로 , x에는 1부터 6까지의 숫자를 사용할 수 있고 1이 가장 큰 폰트크기이다. 숫자가 작을 수록 글자가 커지는 역순이니 주의해야 합니다. ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷 html 기초편 아래 글씨는 실제로 위의 글씨가 적용된 모습입니다. 2. br 줄과 줄사이에 문단이 끝나지 않았음을 정의하며 단순히 줄바꾸기 역할만 합니다. 문서의 상단에 한 줄을 띄우려면 반드시 태그를 써야 하며, 연속해서 사용할 경우 의 갯수만큼 줄을 띄울 수 있습니다. 이전 포스팅에서 br태그는 세가지 모두 같은 의미의 단독태그이며 태그가 가장 호환성이 좋다고 말씀드렸습니다. #03 HTML 기본 태그명령어들 배우기 ex) 예문은 다음과 같습니다. 인터넷 html 기초편 인터넷..

더 읽기

티스토리 HTML/CSS 편집의 이해와 팁

우리는 스킨을 수정하기 위해 하루에도 수십번씩 HTML과 CSS를 들여다보기도 하고, 수정하기도 하고 합니다. 그런데 이런 HTML과 CSS의 구조는 기본적으로 우리가 스킨등록해서 지금 사용하고 있는 스킨의 포함된 파일들을 티스토리에서 편하게 보게 해주는 것입니다. 우리가 스킨변경 또는 스킨등록할때 여러 파일들과 이미지 폴더에 있던 여러파일들을 모두 업로드한뒤 등록해서 현재의 스킨을 쓰고 있는것을 모두들 기억하실겁니다. 그런데 그때 파일 중에 index.xml 파일 외에 skin.html 과 style.css 가 있었습니다. 중요한 사실은 우리가 티스토리 관리자창에서 보는 html은 바로 skin.html파일을 보는 것이고, css는 style.css파일을 보는 것입니다. 이러한 파일들은 스킨을 변경하지..

더 읽기

#06 자바스크립트에 대해 알아보자

자바스크립트(JavaScript)는 객체 기반의 스크립트 프로그래밍 언어입니다. 이 언어는 웹 브라우저 내에서 주로 사용하며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있습니다. 또한 Node.js와 같은 런타임 환경과 같이 서버 사이드 네트워크 프로그래밍에도 사용되고 있습니다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크(Brendan Eich)가 처음에는 모카(Mocha)라는 이름으로, 나중에는 라이브스크립트(LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었습니다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문(syntax)이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고, ..

더 읽기

font 태그 명령어 이해하기

font 태그는 이사이의 폰트들이 적용받게 됨 로 나타내며 글꼴의 크기, 색깔, 글자체등을 지정할때 font의 앞태그 에 옵션을 추가하여 사용합니다. 는 폰트의 색상, 는 폰트의 크기를 그리고 는 폰트의 글꼴종류를 지정한 글꼴로 바꾸라는 소스명령어 입니다. 1. font color font color는 직접 white, black, green, yellow, blue 등등의 이름을 쌍따옴표 부분에 입력하여 나타낼수 있습니다. 또한 직접 입력하지 않고 색상팔레트의 색상코드표를 참조하여 그 코드를 직접입력하여 지정할 수도 있습니다. 16진수의 색상팔레트 코드표를 참조하여 입력할 경우 그 형식은 #000000 과 같이 샵뒤에 6자리가 16진수 코드가 들어가게됨으로써 색상을 표현합니다. 아래는 네이버에 있는 색..

더 읽기

#04 marquee 태그 배우기

오늘은 마키(marquee)태그에 대해서 배워보겠습니다. 마키태그는 다양한 칼러의 바탕색에 역시 다양한 칼러의 글씨가 지나가게 만드는 다이내믹한 태그입니다. 먼저 당양하게 중간에 마키소스만 직접 넣어서 저장은 htm파일로 바꿔서 확인해볼수 있게 텍스트 문서를 첨부하였습니다. 다운로드 받아서 가운데 마키태그만 다양하게 삽입해보고 저장후 htm문서 새로고침을 통해 변화를 확인해 보시기 바랍니다. 마키태그 속성 명령어들 bgcolor=[색상] // 배경색상을 설정 합니다 width=400 height=300 // 가로, 세로 크기를 설정 합니다 direction="left[right|up|down]" // 스크롤 방향을 설정 합니다 behavior=scroll[slide|alternate] // 움직임 속성을..

더 읽기

#03 HTML 기본 태그명령어들 배우기

이번 포스팅은 HTML 문서내에서 흔히 또는 필수적으로 쓰이는 기본적인 태그 명령어들을 알아보도록 하겠습니다. 전시간에 인터넷 문서의 기본구조에 대해서 배웠습니다. 요렇게 배웠습니다. 그때 추가적으로 배운것이 줄바꿈 명령어와 와 같이 글자색을 바꾸는 명령어에 대해 알아봤었습니다. 태그는 모두 같은 의미를 가진것으로 가 있는데 어떤것을 쓰더라도 상관 없습니다. 단 그럴 일은 드물지만 아주 오래된 구형 브라우저로 웹서핑을 하실 분들을 위해 구형 브라우저와의 호환성까지 염두에 두셔야 할 분이라면 태그를 쓰시라고 권해드립니다. 참조 페이지 : https://code.i-harness.com/ko/q/1db33a 제 블로그 HTML소스를 들여다 보면 시작부분이 다음과 같습니다. 자 이제 기본적인 다른 태그 명령어..

더 읽기

#02 홈페이지 편집프로그램을 써야 하나요?

HTML 파일은 메모장과 같은 텍스트 에디터로 만들 수 있고 나모 웹에디터나 드림위버, RedActor, Ckeditor 등과 같은 위지윅(WYSIWYG) 에디터로도 만들 수 있습니다. 텍스트 에디터는 HTML 태그를 입력하면서 편집을 해야 하는 반면 위지윅 에디터는 웹브라우저상에서 보여지는 형태로 편집이 가능하기에 보다 직관적인 작업이 가능합니다. 즉 텍스트 에디터는 메모장을 이용해 직접 소스코드를 수정해가며 결과물을 봐가면서 제작하는것과 같은 방식을 말합니다. 텍스트 에디터로는 에디트 플러스, 아크로 에디터, 크림슨 에디터, 노트패드 ++, 비주얼 스튜디오 코드 등이 있습니다. “위지위그(WYSIWYG: What You See Is What You Get, “보는 대로 얻는다”)는 문서 편집 과정에서..

더 읽기

Copyright © IT ERROR FIX All Rights Reserved

Designed by JB FACTORY

티스토리툴바