'분류 전체보기'에 해당되는 글 275건

고려의 제2대 왕 

2대 혜종 왕무 탄생설화

어머니 오씨는 시냇가 빨래터 설화의 시조가 된 인물이다. 

조선 세종 때에 서술된 고려사에 따르면, 

왕건이 나주를 점령한 뒤 시냇가를 지나게되었는데,

마침 오씨가 빨래를 하고 있었다. 

그런 그녀의 뒤에는 무지개가 펼쳐져 있었다고 한다. 

우연히 보게된 이 처자가 맘에 든 왕건은 그날 밤 그녀와 동침을 하였다. 

그녀의 아름다운 모습에 반해 그녀를 단순한 쾌락의 대상으로 여겼는지 아니면 수태를 시킬 것을 두려워하였는지 모르겠으나, 왕건은 깔고 누운 돗자리에 질외사정을 하였다.

하지만 왕건의 됨됨이를 살핀 오씨는 

그가 돗자리 위에 사정한 정액을

손으로 쓸어 모아 그것을 음부에 넣었다. 

그렇게 해서 낳은 아들이 혜종이었다.

이는 야사가 아닌 비교적 객관적이라고 정사인 고려사에 존재하는 기록이다. 

현실적으로 이런 일이 가능했을 수도 있지만 

혜종의 정통성을 폄하하려는 목적으로 서술된 이야기로도 추측된다. 

왕건과 오씨 부인을 제외한 그 누구도 그날 밤에 있었던 일을 보지 못했겠지만, 

이러한 일화가 조선 세종시대에 활동하던 학자들이 고려사를 편찬할 때 

저본으로 삼았던 사료에 있었던 점을 감안하면, 

고려시대에는 이러한 이야기가 입에서 입을 통해 주변에 널리 알려져 있던 이야기였던 싶다.

혹은 왕건이나 오씨 부인이 아 그날 밤 그리하여 혜종이 태어난 것이지라며 

주변에 말을 했을지도 모르겠다. 

어쩼던 중요한 점은 이러한 일이 

정말로 태조와 오씨 부인이 동침했던 그날 밤에 일어났는지 

아니면 일어나지 않았는지가 역사라기 보다는 

민중들 사이에서 이러한 일이 회자되었다는 사실이 역사라는 점이다.

태몽이 용꿈이었기 때문에 

물을 좋아하는 용을 성격을 참조하여 

수태기를 느낀 오씨 부인은 

잠자리 곁에 한 바가지의 물을 떠 놓고 항상 손을 적신 채 잤다. 

왕건이 돗자리에 사정한 정액을 

오씨가 그것을 음부에 도로 넣음으로써 

그를 수태하였으므로, 

혜종의 얼굴은 돗자리처럼 자글자글 하게 주름살이 져서 

주름살 대왕이 그의 별칭이었다고 한다. 

하지만 이 역시 혜종을 비하하기 위한 표현으로 여기는 견해가 있다.

고려의 제2대 왕 2대 혜종 왕무

惠宗仁德明孝宣顯義恭大王 諱武 字承乾 太祖長子 母曰莊和王后吳氏。後梁乾化二年壬申生 太祖四年 立爲正胤 從討百濟 奮勇先登 功爲第一 二十六年 五月 丙午 太祖薨 奉遺命卽位。 

혜종인덕명효선현의공대왕은 

이름이 왕무(王武)이고 자가 승건(承乾)이며, 

태조의 장남으로 어머니는 장화왕후(莊和王后) 오씨(吳氏)이다. 

후량(後梁) 건화(乾化) 2년 임신년(912)에 탄생하여 

태조 4년(921) 정윤(正胤 : 태자)으로 책봉되고 

종군하여 후백제를 토벌할 때 용맹을 떨치며 선봉에 섰으므로 일등공신이 되었다.

태조 26년 5월 병오일에 태조가 죽자 유명을 받들어 즉위했다.

 - 고려사 혜종 총서

나주 출신인 장화황후 오씨의 소생으로 태조 왕건의 장남이다. 

아버지의 후삼국통일에 큰 공을 세울 정도로 녹록치 않은 인물이었으나, 

외가인 나주 오씨가 왕건의 다른 외가들보다 비교적 힘이 약한 집안이었다. 

29명의 왕비들 가운데에는 신라 왕족도 있었다

왕건은 경순왕에게 딸을 시집보내면서

동시에 경순왕의 딸을 아내로 맞으려 했는데 

겹사돈, 마땅한 딸이 없어 왕족으로 대신했던 것.

혜종의 권력은 그의 태생적인 한계로 인하여

불안정할 수 밖에 없었다. 

한 마디로 표현하자면, 그는 능력있는 인물이었지만, 뒷배경이 약했던 사람이었다.

다행히 정권 초기에는 왕건의 부탁을 받은 공신 박술희으로부터 

도움을 받을 수 있었으나, 

박술희는 군사적인 기반은 지녔었지만 

정치적으로 실세를 쥐고 있던 정치인은 아니었다. 

박술희는 드라마 태조 왕건에 등장하는 바와 마찬가지로 

왕건의 친위무장정도 되는 지위를 가졌던 인물이었다.

결국 왕건의 후견인 선정이 완벽하지 못했던 셈으로, 

결국 박술희는 혜종의 적으로부터 왕을 지켜내지 못했고 

왕이 귀양가던 도중 자신도 왕규(혹은 정종)에 의해 살해당하였다.

여러모로 아버지인 왕건의 예리하지 못한 판단으로 인하여

크고 작은 피해를 겪은 인물이다. 

상기했듯 호족세력이 강했던 시기에서 

왕무의 외가의 실세가 강하지 못했음에도 불구하고 

왕건은 그를 위해 적절한 후견인을 지정해주지 못했다. 

왕식렴으로 대표되는 서경 세력이나 개경 및 황주 호족들, 

혹은 경주의 구 신라 왕가 세력 등 

마음만 먹으면 쟁쟁한 후견인을 얼마든지 설정해 줄 수 있었음에도 불구하고 

왕건은 박술희 한 명만 달랑 그에게 붙여줬을 뿐이었다. 

정작 제대로 후견인을 둔 고려왕조의 왕은 정종이었다.

왕건은 그의 둘째 아들 정종을 경순왕의 백부 김억렴의 둘째 딸과 결혼시켰다. 

따라서 왕건이 혜종을 정말로 후계자로 여겼는지 의문스럽다.

혜종의 부인 임씨(의화왕후)도 대광(大匡) 임희(林曦)의 딸이자 진주(晉州) 출신으로 나쁜 가문은 아니었지만 실세와는 거리가 멀었다.

대단한 무골이었는지 자신을 살해하려고 잠입한 자객을 맨손으로 때려잡기도 했고 

젊었을 시절에는 왕건을 따라 여러 전장을 누비기도 했다. 

이는 조선 정종과 닮은 점이기도 하다. 

본인의 성품은 인자하고 부드러웠으며 지혜로웠다고 하지만

암살 시도 후 불안감이 절정에 달해 조울증 증세도 보였다고 한다.

개발

팀 버너스리 1980년, 유럽 입자 물리 연구소(CERN)의 계약자였었던 물리학자 팀 버너스리가 HTML의 원형인 인콰이어를 제안하였다. 

인콰이어는 CERN의 연구원들이 문서를 이용하고 공유하기 위한 체계였다.

1989년에 팀 버너스리는 인터넷 기반 하이퍼텍스트 체계를 제안하는 메모를 작성했다.

버너스 리는 1990년 말에 HTML을 명시하고, 브라우저와 서버 소프트웨어를 작성했다. 

그 해에 버너스리와 CERN 데이터 시스템 엔지니어 로버트 카일리아우와 함께 CERN측에 자금 지원을 요청하였지만, 이 프로젝트는 CERN으로부터 정식으로 채택 받지 못했다

버너스리의 개인적인 기록에 1990년부터 "하이퍼텍스트가 사용되는 여러 분야의 일부"를 열거했고 백과사전을 그 목록의 첫 번째로 두었다.

The How To Guide To Learning HTML

Introduction

This informational resource is designed to teach you everything you need to know so that you can begin building your own customized web pages in standard HTML 4. HTML stands for Hypertext Markup Language and is the standard language that browsers and web servers understand. It was designed to present and format text on screen and does just that.

In order to begin you need to have some HTML tags (tags henceforth) that tell the computer that the page is written in HTML.

Here is an extremely basic web page:

Notice that <!-- NOTE --> was used. These are known as comment tags. Anything within <!-- and --> will not be processed by the web server in an HTML page. The page above would simply display:

Welcome!

Now let's get into making those web pages more interesting than just a simple message. But first we need to continue our look at some technical aspects of the HTML language and document.

Top-level Elements

All tags are enclosed in brackets <> and closed with a /tagname i.e. <HTML> </HMTL>

<html>

Everything within this tag is part of the HTML document. There are two standard pieces to the document (see below). The tag is closed with </HTML>

<head>

The header information for the document including metadata like title, keywords, scripts (see below), and style sheets (see below).  Closed with </HEAD> or a preceding <BODY> tag. Below is a list of tags normally used in the Header area:

• Style – Can be used to define styles for text, background and links throughout the entire document (see below).
• Title – This is the name of the document. Generally it will show up in the browser's title bar. It is highly suggested. <title>HTML 4 Overview</title>
• Meta – A tag with multiple attributes that holds information about the document itself. The tag has a multi-part structure including the name, language and content. Commonly used for document description, keywords, author, etc.

Example:

An example of a complex <HEAD> area of an HTML document:

<body>

The document body. Everything within the body tag will be rendered by the web server (except for comments, see above). The tag has attributes that are defined for the whole page. The tag is closed with </body>

  Attributes of the Body Tag: Attributes define particular parts within a tag. These will be applied to the entire page but can be overridden by using some text-specific tags later.

• Background – An image to be used as the back. background="http://www.example.com/imagefile"
• Bgcolor – May be used instead of or in conjunction with the background tag. Can use specific web-safe color names or hexidecimal codes for colors.  bgcolor="Blue" or bgcolor="#000000" Color names are case-sensitive with the first letter capitalized. Color references can be found at the end of this document.
• Text – Used to set the standard color for text on the page. text="color" (as above)
• Link – Tag used to set the color of a hyperlink (an HTML <a href...> tag) that has not been visited and is not active.LINK="COLOR"
• Vlink– Tag used to set the color of a link that has been visited VLINK="color"
• Alink – Tag used to set the color of a link that is active alink="color"
• ONLOAD/ONUNLOAD – Used to scripts that are to be run when the page is first loaded or when someone leaves a page. ONLOAD="url/script"

Here is an example of a BODY tag with attributes defined:

<BODY bgcolor="Black" background="/background.jpg" text="White" link="Blue" vlink="#00ff00" alink="Orange">

Alternately, this could all be done with a Cascading Style Sheet (CSS) or in the <HEAD> tag like so:

See Styles for inline and style sheet usage.

html...

아.. 어떻게 접근해야하나..

그냥 형식들을 쳐보면서 손에 익혀야하나?

일단.. 공항이다..

맨붕이다. 아침에 생각하자..

• <ul>: 순서 없는 목록(unordered list)을 표시한다.

<ul>
　　<li>나무위키의 문서는 독자를 위한 문서여야 합니다.</li>
　　<li>나무위키의 문서는 독자에게 정보를 제공해야 합니다.</li>
　　<li>나무위키의 문서는 독자에게 재미를 제공해야 합니다.</li>
</ul>

• <ol>: 순서 있는 목록(ordered list)을 표시한다.

<ol>
　　<li>태그를 쓴다.</li>
　　<li>태그 사이에 글자를 쓴다.</li>
　　<li>??????</li>
　　<li>PROFIT!!</li>
</ol>

• <li>와 </li>사이에 또 목록을 넣으면 하위 목록도 가능하다.

<ul>
　　<li>첫 번째</li>
　　<li>두 번째
　　　　<ul>
　　　　　　<li>두 번째 속 첫 번째</li>
　　　　　　<li>두 번째 속 두 번째</li>
　　　　</ul>
　　</li>
　　<li>세 번째</li>
</ul>

나무위키에서 얻어옴. 

HTML 테그연습장 링크

http://onlineproject.org/tag.html

HTML은 웹브라우저마다 

지원하는 태그가 조금씩 다르며, 

같은 태그라도 작동하는 방법이 다르다.

하지만 대체로 비슷한 태그를 지원한다.

텍스트 관련 HTML 태그

<h>: 제목(heading)을 표시할 때 사용된다.

 <h1>이 가장 크고 <h6>이 가장 작다. 

크기는 브라우저마다 표시하는 방법이 달라 다르게 나타날 수 있다.

     CSS를 쓰면 크기, 색상, 폰트 등을 변경할 수 있다.

<h1>1단계</h1>
<h2>2단계</h2>
<h3>3단계</h3>
<h4>4단계</h4>
<h5>5단계</h5>
<h6>6단계</h6>

<p>: 새 문단(paragraph)을 연다.

 </p>로 닫는다.

 극초창기에는 닫는 태그가 없고 

단순히 문단을 구분하는 역할만 했는데 

HTML 2.0에서 닫는 태그가 추가되어 

문단을 묶어주는 역할을 하게 되었다.

 이 태그를 쓸 경우 

기본적으로 문단 하단에 약 1줄 가량의 빈 공간이 생기기 때문에

 <br>을 선호하는 경우가 많은데, 

문단이라면 <p> 태그로 묶어주는 것이 올바른 사용법이다.

빈 공간은 CSS를 지정해서 없앨 수 있다.

<p>2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.</p>
<p>리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.</p>

<b>: 두껍게(bold) 효과를 준다. 

그러나 HTML 4.01부터 비권장 태그로 들어갔는데, 

이 이유는 이 태그가 비주얼적인 효과를 주기 위한 태그라 비권장으로 지정된 것.

강조의 의미를 줄 때는 <strong> 태그로 대체하고 

그 이외에는 CSS의 font-weight: bold; 속성으로 쓸 것을 권장하고 있다.

하지만 HTML5에서 <strong>보다 약한 의미의 강조로 다시 복귀했다.

 <i>: 텍스트를 기울임꼴(italic)로 표시한다. 

기술 용어, 외국어, 일반적으로 기울임꼴로 사용되는 용어 등을 강조한다.

<b>굵게 표시합니다.</b>
<i>기울임꼴로 표시됩니다.</i>

<strong>강하게 강조합니다.</strong>
<em>약하게 강조합니다.</em>

<ins>밑줄이 표시됩니다.</ins>
<del>취소선이 표시됩니다.</del>

E=MC<sup>2</sup>
H<sub>2</sub>O는 산소. 물은 O<sub>2</sub>아니냐? 문과출신인 나도 알고있음

2015년 4월 17일에 만들어진 한국어 위키위키.<br />리그베다 위키의 포크사이트로 시작했다.
<hr />
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,<br />급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.

참고  : 나무위키 HTML 테그부분 

HTML 태그란?

HTML을 기술하기 위하여 사용하는 명령어의 집합을 태그(Tag)라고 한다. 

태그는 기본적으로 여는 태그와 닫는 태그로 구성되며, 

닫는 태그 없이 단독으로 이용하는 태그도 있다. 

태그에 주는 다양한 옵션은 모두 여는 태그에 지정하며, 

닫는 태그는 태그 효과가 적용되는 범위의 끝을 나타내는 기능만 한다.

그런데 태그 종류가 수십 가지가 넘는데다,

지정가능한 옵션까지 일일이 열거하면 책 한 권 분량이 된다. 

따라서 일반인은 사용빈도가 높은 일부 태그만 암기하고, 

나머지는 '태그사전(또는 레퍼런스)'이라고 하는 도움말 파일을 참고하는 편이다. 

물론 암기 범위는 고급 사용자 내지는 

프로페셔널(흔히 웹 디자이너라고 하는 사람들)로 갈수록 넓어진다.

태그는 HTML의 근간이기 때문에,

HTML 기반 채팅 프로그램에서도 사용할 수 있다. 

대표적인 예가 cafe24 채팅.

다만 보안상 문제와 수많은 테러 때문에 현재는 대부분의 태그를 막고, 

일부 태그만 허용하는 상태. 

그림 삽입이나 페이지 링크, 음악 삽입, marquee 정도가 허용된다. 

대부분의 PHP 기반 웹 게시판에서도 원칙적으로 

글 제목과 내용에 태그를 적용시킬 수 있다. 

다만 채팅과 같은 이유로 그 사용을 제한하는 경우가 많다. 

특히 제목부분에는 어떤 태그도 허용하지 않는 것이 일반적.

HTML 4와 XHTML에서의 태그 사용 방식이 약간 다르다. 

여는 태그와 닫는 태그가 별도로 존재하지 않는 태그

 (<img>, <br>, <hr> 등)의 경우 

XHTML에서는 XML의 표준 표현법에 따라

 <img /> 등으로 닫는 부등호 앞에 /를 달아준다.

 덧붙여 <img/>보다 <img />(/ 앞에 공백이 있음)을 쓰는 것이

오래된 브라우저와의 호환성을 보장하는 방법이다.

HTML 5에서는 HTML 4의 방식으로 다시 돌아갔다.

웹 디자이너, 웹 프로그래머는 기본 소양이라고 할 수 있다.

'태그사전'의 도움을 받으면,

약간의 교육만으로 누구나 간단한 웹 사이트는 만들 수 있다.

물론 복잡한 사이트는 경험이 필요하기 때문에 입문자는 만들기 힘들다.

사실 HTML 규격에는 

HTML이 어떻게 표시돼야 할지에 대해서 큰 틀만 정해져 있고 

구체적으로는 설명하지 않고 있다.

예를 들어 테이블의 경우 선을 이용해서 줄과 칸을 구별하는 식으로 정해져 있지만, 

선의 모양을 구체적으로 정의하지는 않은 것이다.

애초에 HTML은 화면 구성보다는 의미 표현에 치중하고 있기 때문이다.

결국 한 HTML 파일도 브라우저마다 다르게 보이는 경우가 존재한다.

이로 인해 최근의 추세는 HTML에는 표시하고자 하는 문서의 구조를 중심으로 기술하고, 

구체적인 표시 방법은 CSS에서 정의하는 방향으로 나아가고 있다

(하지만 이 CSS도 브라우저마다 표시하는 방법이 달라서 골치를 썩이는 경우가 있다.

 이것은 전적으로 브라우저 책임. 특히 IE6같은 옛날 브라우저는 문제가 심각하다). 

이 때문에 Acid2 Test와 Acid3 Test 등의 브라우저가 

얼마나 표준을 잘 지키는가를 확인하는 테스트도 등장하였다.

HTML 태그란?

HTML 태그란?

HTML 태그란?

HTML 태그란?

HTML 태그란?

HTML 문서 저장 방법

HTML 문서를 작성한 후 메모장에서 저장할 시, 

다른 이름으로 저장 선택후, 파일명 뒤에 .html(htm)을 적는것이다.

이렇게 하지 않으면 저장 방법도 없을 뿐더러, 그냥 메모장이 열린다.

.html로 바꾸고 난 이후에 수정하고 싶다면,

.html 확장자 파일을 오른쪽 클릭후,

연결 프로그램을 선택하고 Notepad(메모장)을 선택하거나,

.html 파일을 메모장에 끌어다 놓기 해주자. 

다시 확장자를 .txt로 바꿔도 된다. 

참고로 윈도우즈의 메모장으로 HTML 문서를 편집하면,

각 줄마다 CRLF가 달라붙어서 문제가 되기도 한다.

웬만하면 Editplus나 vim, Notepad++같은 에디터로 편집하도록 하자.

맥이라면 Xcode를 쓰면 된다. 

이런 에디터의 경우 HTML이나 서버 사이드 스크립트 코딩에 

최적화되어 있기 때문에 구문에 따라 색상구분도 되는 등 여러가지 장점이 있다.

HTML 파일 형식의 확장자는 .html이며, '.htm'이라고도 쓸 수 있다. 

이는 도스 시절 확장자가 3글자로 제한되었기 때문이다. 

윈도우즈 95로 넘어오면서 이 제한이 없어져서 지금은 거의 html로 쓰는 편이다. 

서버스크립트를 쓰는 경우 .php, .asp, .aspx, .jsp를 쓸 수도 있다.

한 때 메모장을 이용하여 직접 HTML 파일을 작성하는 것이 유행하기도 하였다.

또한 메모장에 준하는 HTML 편집기(대표적인 예로 에디트플러스가 있다)로 만들기도 했다.

그러나 멋지고 화려한 페이지를 만들려면 상당한 노하우와 경험이 필요하기 때문에 

대부분이 포기. 

게다가 나모 웹에디터를 비롯한 WYSIWYG 방식의 편집기가 등장하면서

이러한 귀찮은 방식의(...) 유행은 금세 사그라들었다.

WYSIWYG 방식은 마치 워드프로세서를 다루는 것처럼 매우 편리하기 때문에 

메모장 혹은 메모장에 준하는 프로그램으로 직접 작성하는 것보다 훨씬 편하고 직관적이다.

굳이 단점을 들자면 소스가 제대로 최적화가 안 돼서

(옛버전 나모의 경우가 특히 심했다) 난잡해지는 경우가 있다.

하지만 난잡해져봐야 1KB짜리가 3~4KB가 되는 정도라서(...) 계정에 크게 무리가 없다.

…그러나 최근에는 개인 홈페이지가 사라지고 개인 블로그로 대체되는 추세라 

나모 웹에디터 등의 HTML 편집기들도 보기 힘들어졌다.

'직접 홈페이지를 만든다'라는 컨셉이 마음에 들어 워드프레스를 이용하는 사람도 있지만..

제로보드 스킨등을 만들거나 혹은 기타 다른 홈페이지용 게시판을

자신의 홈페이지에 맞게 만들기 위해서

필요한 PHP나 CGI파일의 이미지 수정을 위해서는 

어느 정도 메모장으로 HTML을 구성하는 능력이 필요하다.

참고로, txt확장자 파일도 

웹 브라우저의 파일 -> 열기 해서 웹 브라우저 안에 내용을 띄울수 있다. 

하지만 태그는 실행되지 않으니 주의.