HTML은 인터넷을 우리가 알고 있고 사랑하는 방식으로 만든 하이퍼 텍스트 마크 업 언어입니다. 사이트가 아름답고 현대적으로 보이고 사용 편의성을 제공하는 것은이 훌륭한 도구 덕분입니다. HTML 언어는 사용자 친화적 인 옵션으로 웹 페이지의 요소를 간단하게 작성합니다. 그의 작업은 MS Word 나 OpenOffice와 같은 텍스트 편집기 와 비슷한 수준입니다. 그들은 얼굴없는 덩어리의 편지를 단락, 굵은 글씨, 이탤릭체, 표 및 이미지가있는 문서로 바꿉니다. HTML 언어도 마찬가지입니다. 유일한 차이점은 문서가 브라우저에 표시된다는 것입니다.이 도구의 기능은 텍스트 편집기보다 훨씬 넓습니다. 마크 업에는 웹 페이지의 구조를 설명하는 태그가 사용됩니다. 브라우저는 꺽쇠 괄호 ()로 묶여 있기 때문에 브라우저가 텍스트의 총중량과 구별 할 수 있습니다. 다음에는 초보자를위한 HTML의 기본 사항을 살펴 보겠습니다.
비주얼 편집자
HTML 학습의 길을 걷기 시작한 초보자는 종종 지식없이 웹 사이트를 만들 수있는 프로그램으로 작업을 시작합니다. 그 (것)들에서, 당신은 간단하게 브라우저에 디스플레이 될 때 스크린에 품목을 배열 할 수 있습니다. 그것은 영원한 은혜의 근원 인 것처럼 보일 것입니다. 대부분의 웹 개발자를 없앨 수 있습니다. 그러나 모든 것이 그렇게 단순하지는 않습니다. 시각적 편집자는 심각한 프로젝트에서 사용할 수없는 결함이 많습니다.
이러한 모든 프로그램은 불필요한 태그를 많이 생성하여 최종 페이지 버전을 복잡하고 차선책으로 만듭니다. 물론 초고속 인터넷 시대에는 이전보다 덜 중요하지만 간결하고 유창하게 작성된 사이트가 비주얼 편집기에서 만든 대응 사이트보다 실용적 인 이유는 여러 가지가 있습니다. 그러한 프로그램으로 만들어진 웹 페이지는 검색 로봇에 의해 잘 처리되지 않을 것입니다. 왜냐하면 각 킬로바이트 코드가 중요하기 때문에 의미 론적 오류가 많은 성가신 비논리적 인 코드는 거의 맛볼 수 없기 때문입니다. 또한 편집자는 시간의 흐름에 뒤떨어져 관련성이 없어지기 때문에 프로페셔널을 사용하지 않으므로 개발에 리소스를 낭비하는 것은 바람직하지 않습니다. 따라서 사이트 제작을 원하는 사람은 HTML의 기본 사항을 알아야합니다.
태그
위에서 언급했듯이 태그는 웹 페이지의 구조를 브라우저에 설명합니다. 대부분은 개폐식 태그가 있지만 전부는 아닙니다. 예를 들어,
... </ title>. 여기에는 내용 대신 내용이 있습니다. 첫 번째 태그는 태그가 시작되는 위치를 표시하고 두 번째 태그는 태그를 닫습니다. 내부에는 페이지 레이아웃의 다른 요소가있을 수 있으며 인형처럼 서로 중첩 될 수 있습니다. 적시에 태그를 닫아 페이지가 올바르게 표시되도록하는 것이 중요합니다. <amp-img src="https://images.birmiss.com/image/ad99dcc07e470ed4.jpg" alt="HTML 기본 사항" width="512" height="386" layout="intrinsic"></amp-img></p>
<p> 닫을 필요가없는 단일 태그도 있습니다. 그 (것)들에서, 내용은 안쪽에,뿐만 아니라 <a href="https://ko.birmiss.com/%EC%A2%85%EB%A5%98-%EB%B0%8F-%EC%9A%A9%EB%8F%84-html-%EC%86%8D%EC%84%B1-html-%EA%B0%80%EC%9D%B4%EB%93%9C/">속성이다.</a> 대부분의 HTML 태그에 <a href="https://ko.birmiss.com/%EC%A2%85%EB%A5%98-%EB%B0%8F-%EC%9A%A9%EB%8F%84-html-%EC%86%8D%EC%84%B1-html-%EA%B0%80%EC%9D%B4%EB%93%9C/">속성</a> 을 등록 할 수 있으며 요소 <a href="https://ko.birmiss.com/%EC%A2%85%EB%A5%98-%EB%B0%8F-%EC%9A%A9%EB%8F%84-html-%EC%86%8D%EC%84%B1-html-%EA%B0%80%EC%9D%B4%EB%93%9C/">의 속성을</a> 지정할 수 있습니다. 시작 태그에 표시되며 다음과 같이 보입니다 : attribute = "...", 대신에 포인트 대신 속성 값이 있습니다. 태그에 대한 지식은 HTML을 습득하기위한 가장 중요한 첫 단계입니다. 이 예술의 기초는 또한 웹 페이지의 구조를 이해하는 것을 의미합니다. </p>
<h2> 문서 구조 </h2><p> 각 HTML 문서에는 해당 확장자 (예 : Index.html)가 있습니다. 따라서 브라우저는 처리 대상을 이해하고 페이지를 올바르게 표시 할 수 있습니다. 사이트를 만드는 데 사용되는 모든 파일은 하나의 디렉토리에 저장하는 것이 바람직합니다.이 디렉토리는 앞으로 귀하의 삶을 크게 촉진 할 것입니다. HTML 하이퍼 텍스트 마크 업 언어의 기본 원리는 문서의 구조를 명확하게 이해하고 있음을 의미합니다. 이 문서에서 사용 된 HTML 버전을 브라우저에 알려주는 <a href="https://ko.birmiss.com/%EC%9D%98-doctype-html-%EA%B7%B8%EA%B2%83%EC%9D%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80-%EB%8B%B9%EC%8B%A0%EC%9D%80-%ED%95%AD%EB%AA%A9%EC%97%90-%EB%8C%80%ED%95%B4-%EC%95%8C%EC%95%84%EC%95%BC/"><! Doctype html> 태그로</a> 시작합니다. 현재 언어의 다섯 번째 버전이 적합하므로 발명 할 수있는 것이 없으므로 페이지 상단에 위의 태그를 안전하게 삽입 할 수 있습니다. <amp-img src="https://images.birmiss.com/image/550918717e560ed7.jpg" alt="초보자를위한 html의 기초" width="439" height="235" layout="intrinsic"></amp-img></p>
<p> 그런 다음 사이트의 "해골"을 구성하는 주요 쌍 구조가 있습니다. 모든 나머지가 포함 된 첫 번째 태그 - <html> ... </ html>. 그 밖의 모든 것은 브라우저에서 웹 페이지로 인식되지 않으므로 문서를 열고 닫습니다. 이 태그는 모든 문서에 필요합니다. 또한 아래에서 설명 할 몇 가지 필수 태그가 포함되어 있습니다. </p>
<h2> 머리 </h2><p> <head> ... </ head> 태그 안에는 페이지에 표시되지 않는 기술 정보가 들어 있지만 HTML 문서의 중요한 부분입니다. 사이트의 기본 사항이 여기에 배치됩니다. 여기서 인코딩이 선택되고 페이지 이름이 입력됩니다. 이것은 필수 <title> ... </ title> 태그 내에 포함됩니다. 브라우저 상단의 이름이 표시되며, 페이지의 내용을 특징 짓는 작은 아이콘을 배치 할 수도 있습니다. 올바른 표시를 위해 문서의 인코딩을 즉시 지정하는 것이 바람직합니다. 이 작업은 <meta charset = "UTF-8"/> 태그를 사용하여 수행 할 수 있습니다. 메타 태그는 페이지 구조에 대한 데이터를 제공하며 일반적으로 헤드 내부에 위치합니다. </p>
<h2> 링크 </h2><p> HTML의 기초에 대한 지식은 계단식 디자인 스타일 또는 CSS를 사용합니다. 페이지에 표시 될 요소의 속성을 설정합니다. 이 작업에 대한 현대적인 접근 방식은 요소의 색상, 높이 및 위치와 같은 특성을 외부 파일로 렌더링하여보다 편리하게 처리하는 것입니다. <link /> 태그는 CSS 파일을 연결하는 데 사용됩니다. 완성 된 양식에서는 다음과 같이 보입니다. <link href = http : // site /article/250376/%E2%80%9Dstyle.css%E2%80%9D type = "text / css"/> 여기서 href는 파일의 위치에서 유형에 -를 입력하십시오. <amp-img src="https://images.birmiss.com/image/091b9c217ddf0ec9.jpg" alt="초보자를위한 HTML 기초" width="567" height="380" layout="intrinsic"></amp-img></p>
<h2> 몸 </h2><p> HTML 문서의이 부분에 페이지의 보이는 부분이 생성됩니다. "body"내부에서 수행되는 모든 작업은 브라우저에 의해 표시됩니다. <body>에는 엄청난 수의 HTML 태그가 사용됩니다. 기본 사항은 텍스트 형식이며, 링크로 작업하고 웹 페이지를 구성하는 가장 간단한 도구입니다. HTML로 시작하려면 기본 태그를 알고 사용 가능하면 충분합니다. 아래는 가장 인기있는 것들입니다. </p>
<ul><li> <span> - css에 설명 된 특수 스타일이 적용될 하위 문자열을 선택하는 데 사용됩니다. </li>
<li> <a> - 웹 페이지에 대한 링크를 만듭니다. 점프 주소는 href 속성에 의해 지정됩니다. </li><li> <Div> - 우리 시대의 가장 인기있는 태그 중 하나. HTMLl의 기초를 배우기로 결정한 모든 사람들은 현대 사이트의 사자의 몫을 기반으로하는 블록 기반 요소이므로 (CSS 블록의 매개 변수는 CSS로 설정되고 다른 블록은이 태그 내에 위치 할 수 있음), 특별한주의를 기울여야합니다. </li><li> <P> - 텍스트에서 단락을 선택합니다. 단락의 내용은 여는 태그와 닫는 태그 사이에 있습니다. </li><li> <ol> - 요소가 <li> 태그 쌍으로 묶인 번호 매기기 목록. </li><li> <Ul>는 글 머리 기호 목록이며 번호가 지정된 요소는 <li> 태그로 표시됩니다. </li><li> <h1> - <h6> - 문서의 머리글 (번호는 머리글 수준을 나타내며 <h1>은 주 머리글이며 후속 버전은 부제목입니다. <h5>, <h6> 수준의 제목은 인터넷에서 거의 만날 수 없습니다) 페이지에 단 하나의 <h1> 헤더 만있을 수 있다는 것을 기억하는 것도 중요합니다. </li><li> <Strong> - 굵은 글씨체; </li><li> <em> - 기울임 꼴; </li><li> <amp-img /></amp-img> - 웹 페이지에 그림을 삽입합니다 (이 태그는 하나의 태그이며 닫는 태그가 필요하지 않지만 이미지의 텍스트를 지정하는 alt 속성을 지정해야합니다). </li><li> <비디오> - 비디오를 웹 페이지에 삽입합니다. </li><li> <오디오>는 오디오 파일을 문서에 삽입하는 태그입니다. </li></ul><p> 이것은 자신의 웹 페이지를 만드는 데 필요한 모든 태그가 아니지만 초보자를위한 HTML 기반을 마련하기에 충분합니다. </p>
<h2> CSS </h2><p> HTML 언어의 개발은 각 태그가 많은 속성을 획득하고 웹 페이지의 출현에 대한 요구가 현저하게 증가했다는 사실로 이어진다. 코드가 복잡하고 불편 해졌습니다. 코드를 읽거나 읽거나 수정하거나 수정하는 것이 어렵습니다. 또한 웹 사이트에 녹색으로 표시된 제목이 많은 페이지가 10 개 있고 갑자기 빨간색으로 표시하려고하는 경우 땀을 흘려 수동으로 변경해야합니다. 계단식 스타일 시트의 출현으로이 프로세스는 단순하고 논리적이되었으며 HTML 코드가 훨씬 더 읽기 쉽게되었습니다. <amp-img src="https://images.birmiss.com/image/90f9f5707e420ed3.jpg" alt="HTML 및 CSS 기본 사항" width="641" height="700" layout="intrinsic"></amp-img></p>
<h2> CSS 적용 </h2><p> 웹 페이지를 만들려면 HTML과 CSS의 기초를 알아야합니다. 이제 계단식 스타일 시트에 대한 지식이 없으므로이 영역에서 할 일이 없습니다. 이것들은 전체 문서에 적용되는 요소의 속성을 지정합니다. 따라서 모든 <p> 또는 <a> 요소에 대해 한 번에 색상을 설정하고 하나의 규칙 만 작성하면됩니다. 웹 페이지의 모양에 대한 현대적인 요구 사항을 고려할 때 CSS 스타일 시트를 사용해야합니다. </p>
<p> CSS 파일을 문서에 연결하려면 링크 태그가 있어야합니다. 약간 위에, 그것의 사용의 원리는 기술되었다, 그러나 1 개의 장소에있는 모든 작풍을 결합하는 유일한 선택권이 아니다. 또한 문서의 "head"에있는 <style> 태그가 있으며 CSS 파일을 사용하지 않고 스타일을 등록 할 수 있습니다. 한 가지 방법이나 다른 방법을 사용할 필요는 없습니다. 그들은 최상의 결과를 얻기 위해 성공적으로 결합 될 수 있습니다. 스타일 시트가있는 파일을 만들려면 .css 확장명을 가진 파일 (예 : Styles.css)을 만들어야합니다. </p>
<h2> 자바 스크립트 </h2><p> 종종 웹 페이지를 개발하기로 결정한 사람은 자신의 업무에 대해 HTML을 제공하는 도구가 충분하지 않다는 것을 이해합니다. 기본은 아름다운 페이지를 만들지 만 갑자기 대화식으로 만들 필요가 있다면 어떨까요? 이러한 목적을 위해 HTML과 완벽하게 상호 작용하는 고유 한 시나리오 프로그래밍 언어가 있습니다. 인기있는 Java 언어의 동생으로 인식되기 때문에 JavaScript라고합니다. 오늘날이 언어는 중요한 차이점을 얻었으며 그 차이는 점점 커졌습니다. <amp-img src="https://images.birmiss.com/image/1c055c057e4b0ed5.jpg" alt="HTML 기반은 간단합니다." width="640" height="360" layout="intrinsic"></amp-img></p>
<p> JavaScript는 HTML의 기능을 향상시킬 수 있습니다. 태그를 만들고 편집 할 수 있습니다. 또한이 멋진 도구를 사용하여 Cokie로 작업하고 페이지를 다시로드하지 않고 서버에서 데이터를 다운로드 할 수 있으며 HTML 기능에서 허용하는 것보다 사이트를 더 대화식으로 만들 수 있습니다. 이 언어에는 보안과 관련된 제한 사항이 있습니다. JavaScript가 서버 측에서 사용되지 않으면 공격자가 모든 컴퓨터에서 악성 코드를 사용할 수 없도록 해당 기능을 제한하는 조건에서 실행됩니다. </p>
<h2> 편집인 </h2><p> 초보자를위한 HTML의 기초는 웹 페이지를 만드는 가장 편리하고 실용적인 프로그램에 대한 지식을 제안합니다. 위에서 작성한 것처럼 Dreamweaver와 같은 시각적 편집자는 이러한 목적에 적합하지 않습니다. 그렇다면 일반적인 노트북에 태그를 씁니 까? 표준 노트북에는 레이아웃을위한 특별한 도구가 없으므로이 옵션도 의문의 여지가 있습니다. 메모장 + +이 작업을 잘 처리 할 수 있습니다. 이 제품의 큰 장점은 오픈 소스를 가지고 있으며 완전히 무료라는 것입니다. 여기에는 편리한 구문 강조 표시와 태그 자동 닫기 기능이 있습니다. Notepad ++는 다양한 인터페이스 언어를 제공하며 수많은 애드온으로 쉽게 확장 할 수 있습니다. <amp-img src="https://images.birmiss.com/image/ea39a6107e4c0ed5.jpg" alt="하이퍼 텍스트 마크 업 언어 html의 기본" width="620" height="350" layout="intrinsic"></amp-img></p>
<p> Sublime Text 3 - Notepad ++와 비슷한 프로그램이지만 유료로 배포됩니다. 그녀는 대부분의 개발자들의 마음을 사로 잡았습니다. Sublime Text 3는 JavaScript, CSS 및 HTML에 이상적입니다. 그것으로 작업하는 기초는 독립적으로 연구되어야하지만, 그만한 가치가 있습니다. 그것은 미세 조정을위한 진정한 의미의 무한한 가능성을 지니고있어 여러분의 요구에 최대한 맞게 프로그램을 적용 할 수 있습니다. </p>
<h2> 초보자를위한 HTML과 CSS의 기초 </h2><p> 보시다시피, 웹 페이지를 만드는 기술을 연구하는 것은 언뜻보기에 그렇게 어렵지 않습니다. 몇 달 간의 실습을 통해 겁 많은 사용자를 초보 개발자로 만들 수 있습니다. 레이아웃을 만드는 것을 배우는 것은 프로그래밍 언어 나 리눅스를 배우는 것보다 훨씬 쉽습니다. 사실, HTML 태그는 그다지 많지 않으므로 응용 프로그램의 실제적인 측면을 이해하는 것이 중요합니다. <amp-img src="https://images.birmiss.com/image/d7598fa07e510ed6.jpg" alt="html의 기본 지식" width="700" height="483" layout="intrinsic"></amp-img></p>
<p> 이 문제는 Adobe Photoshop에서 일하는 기술이 될 것입니다. 이 프로그램을 사용하면 웹 페이지의 사진, 그림 및 기타 그래픽 요소로 작업 할 수 있습니다. 현재로서는 "Photoshop"이 이러한 문제에 가장 잘 대처하며 경쟁자가 거의 없습니다. 이 Adobe 제품을 좋아하지 않는 사용자를 위해 Lightroom, GIMP, Illustrator 및 기타 유사한 기능을 가진 프로그램이 있습니다. </p>
<h2> HTML에 대한 지식을 제공합니다. </h2><p> 인터넷이 도약과 경계로 확장됨에 따라 웹 페이지를 만드는 기술은 오늘날 매우 관련이 있습니다. 모든 기업, 심지어는 심지어 가장 작은 상점, 워크샵 및 스포츠 클럽 - 모두 자신의 웹 사이트를 갖고 싶어합니다. 물론 CSS와 HTML을 소유 한 개발자가 필요합니다. 기본은 숙달하기 쉽고, 그 후에 문제는 실습 뒤에 있습니다. 레이아웃 기술이 끊임없이 진화하고 있기 때문에 프론트 엔드 개발자는 언제나 수요가있을 것입니다. 이 흥미로운 산업에 자신을 바치기로 결심하는 사람은 결코 일을하지 않고 떠날 수 없습니다. </p>
</div>
<!--mvp-content-main-->
</div>
<!--mvp-content-body-top-->
</div>
<!--mvp-content-body-->
</div>
<!--mvp-content-wrap-->
</div>
<!--mvp-post-content-->
</div>
<!--mvp-post-main-->
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Similar articles</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%82%AC%EC%97%85%EB%B6%80%EC%97%90-%ED%8C%8C%EC%8A%A4%EC%B9%BC%EC%9D%80%EB%AC%B4%EC%97%87%EC%9E%85%EB%8B%88%EA%B9%8C-%EB%8D%94%ED%95%98%EC%97%AC-%EA%B3%84%EC%82%B0-%EB%B0%8F-%EC%98%88%EC%A0%9C/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/42050c387eb50edc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/42050c387eb50edc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%82%AC%EC%97%85%EB%B6%80%EC%97%90-%ED%8C%8C%EC%8A%A4%EC%B9%BC%EC%9D%80%EB%AC%B4%EC%97%87%EC%9E%85%EB%8B%88%EA%B9%8C-%EB%8D%94%ED%95%98%EC%97%AC-%EA%B3%84%EC%82%B0-%EB%B0%8F-%EC%98%88%EC%A0%9C/">
<p>사업부에 "파스칼은"무엇입니까? 더하여, 계산 및 예제</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%A3%BC%EA%B8%B0-%EB%B0%8F-%EC%82%AC%ED%9B%84%EC%9D%98-%EC%A0%84%EC%A0%9C-%EC%A1%B0%EA%B1%B4%EA%B3%BC%EC%A3%BC%EA%B8%B0/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/ad043d047e570ed4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/ad043d047e570ed4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%A3%BC%EA%B8%B0-%EB%B0%8F-%EC%82%AC%ED%9B%84%EC%9D%98-%EC%A0%84%EC%A0%9C-%EC%A1%B0%EA%B1%B4%EA%B3%BC%EC%A3%BC%EA%B8%B0/">
<p>주기 및 사후의 전제 조건과주기</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%A9%94%EA%B0%80-%EB%B0%94%EC%9D%B4%ED%8A%B8-%EB%8B%A4%EC%8B%9C%EB%A1%9C-%EB%B0%94%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%B3%80%ED%99%98%ED%95%98%EB%8A%94/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/37cd998470460ea0-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/37cd998470460ea0-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%A9%94%EA%B0%80-%EB%B0%94%EC%9D%B4%ED%8A%B8-%EB%8B%A4%EC%8B%9C%EB%A1%9C-%EB%B0%94%EC%9D%B4%ED%8A%B8%EB%A5%BC-%EB%B3%80%ED%99%98%ED%95%98%EB%8A%94/">
<p>어떻게 메가 바이트 다시로 바이트를 변환하는?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EB%8D%B8%ED%8C%8C%EC%9D%B4-pos-%ED%8C%8C%EC%8A%A4%EC%B9%BC-%EB%9D%BC%EC%9D%B8/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/4568dacf71120eb4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/4568dacf71120eb4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EB%8D%B8%ED%8C%8C%EC%9D%B4-pos-%ED%8C%8C%EC%8A%A4%EC%B9%BC-%EB%9D%BC%EC%9D%B8/">
<p>델파이 POS - 파스칼 라인</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/html-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%EC%98%88-%EB%B0%8F-%EA%B8%B0%EB%B3%B8-%EC%9B%90%EC%B9%99%EC%9D%98/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/88b0ebf87e150ec9-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/88b0ebf87e150ec9-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/html-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%9D%98-%EC%98%88-%EB%B0%8F-%EA%B8%B0%EB%B3%B8-%EC%9B%90%EC%B9%99%EC%9D%98/">
<p>HTML 페이지의 예 및 기본 원칙의</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%9D%B8%EC%BD%94%EB%94%A9-%EB%B0%8F-%EB%94%94%EC%BD%94%EB%94%A9-%EA%B0%80-%EC%96%B4%EB%A0%B5%EB%8B%A4/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8d1fec7e7e110eca-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8d1fec7e7e110eca-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%9D%B8%EC%BD%94%EB%94%A9-%EB%B0%8F-%EB%94%94%EC%BD%94%EB%94%A9-%EA%B0%80-%EC%96%B4%EB%A0%B5%EB%8B%A4/">
<p>인코딩 및 디코딩 -가 어렵다?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header">
<span class="mvp-post-header">Trending Now</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%B9%98%EA%B3%BC-%EC%B9%A8%EC%8B%9D-%EC%84%A4%EB%AA%85-%EC%9B%90%EC%9D%B8-%EC%A6%9D%EC%83%81-%EB%B0%8F-%EC%B9%98%EB%A3%8C-%ED%8A%B9%EC%84%B1/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/1be0f6987d800ec4-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/1be0f6987d800ec4-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%B9%98%EA%B3%BC-%EC%B9%A8%EC%8B%9D-%EC%84%A4%EB%AA%85-%EC%9B%90%EC%9D%B8-%EC%A6%9D%EC%83%81-%EB%B0%8F-%EC%B9%98%EB%A3%8C-%ED%8A%B9%EC%84%B1/">
<p>치과 침식 : 설명, 원인, 증상 및 치료 특성</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">건강</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%82%AC%EC%9D%B4%EB%8B%A4-%EA%B7%B8%EA%B2%83%EC%9D%80-%ED%95%9C-%EC%9E%94%EC%9E%85%EB%8B%88%EA%B9%8C/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3be78d336ff90e9d-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3be78d336ff90e9d-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%82%AC%EC%9D%B4%EB%8B%A4-%EA%B7%B8%EA%B2%83%EC%9D%80-%ED%95%9C-%EC%9E%94%EC%9E%85%EB%8B%88%EA%B9%8C/">
<p>사이다 - 그것은 한 잔입니까?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">음식 및 음료</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%99%84%EB%93%9C-%EC%98%A4%EB%B8%8C-%EB%82%98%EC%9D%B4%ED%8A%B8-%EC%9D%98%EB%AF%B8-%ED%83%80%EB%A1%9C-%EB%8B%A4%EB%A5%B8-%EC%B9%B4%EB%93%9C%EC%99%80%EC%9D%98-%EC%A1%B0%ED%95%A9/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/8479bb3a7dd40ec7-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/8479bb3a7dd40ec7-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%99%84%EB%93%9C-%EC%98%A4%EB%B8%8C-%EB%82%98%EC%9D%B4%ED%8A%B8-%EC%9D%98%EB%AF%B8-%ED%83%80%EB%A1%9C-%EB%8B%A4%EB%A5%B8-%EC%B9%B4%EB%93%9C%EC%99%80%EC%9D%98-%EC%A1%B0%ED%95%A9/">
<p>완드 오브 나이트 : 의미 (타로). 다른 카드와의 조합</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">영적 발전</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EB%82%98%EB%8A%94-%EC%A7%81%EC%97%85%EC%9D%84-%EC%B0%BE%EC%9D%84-%EC%88%98-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4-%EB%AC%B4%EC%97%87%EC%9D%84/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/00939bc561a60e5f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/00939bc561a60e5f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EB%82%98%EB%8A%94-%EC%A7%81%EC%97%85%EC%9D%84-%EC%B0%BE%EC%9D%84-%EC%88%98-%EC%97%86%EC%8A%B5%EB%8B%88%EB%8B%A4-%EB%AC%B4%EC%97%87%EC%9D%84/">
<p>나는 직업을 찾을 수 없습니다 - 무엇을?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">직업</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%84%A0-%EC%B0%A8%ED%8A%B8-%EB%B0%8F-%EB%A0%88%EC%9D%B4%EB%8D%94-%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EC%9B%90%EC%B9%99/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/28bb9bb4622f0e6c-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/28bb9bb4622f0e6c-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%84%A0-%EC%B0%A8%ED%8A%B8-%EB%B0%8F-%EB%A0%88%EC%9D%B4%EB%8D%94-%EC%9D%98-%EA%B8%B0%EB%B3%B8-%EC%9B%90%EC%B9%99/">
<p>선 차트 및 레이더 :의 기본 원칙</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%8D%B0%EC%8A%A4%ED%81%AC%ED%86%B1-%EC%BB%B4%ED%93%A8%ED%84%B0%EC%97%90-%EB%B0%B0%EA%B2%BD-%ED%99%94%EB%A9%B4%EC%9D%84-%EC%84%A4%EC%A0%95%ED%95%98%EB%A0%A4%EB%A9%B4/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/849f292670310ea2-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/849f292670310ea2-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EB%8D%B0%EC%8A%A4%ED%81%AC%ED%86%B1-%EC%BB%B4%ED%93%A8%ED%84%B0%EC%97%90-%EB%B0%B0%EA%B2%BD-%ED%99%94%EB%A9%B4%EC%9D%84-%EC%84%A4%EC%A0%95%ED%95%98%EB%A0%A4%EB%A9%B4/">
<p>어떻게 데스크톱 컴퓨터에 배경 화면을 설정하려면, 전화, 태블릿,</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">컴퓨터</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
<p> </p><p> </p><p> </p><p> </p>
<div id="mvp-post-more-wrap" class="left relative">
<h4 class="mvp-post-header" style="margin-top:40px;">
<span class="mvp-post-header">Newest</span>
</h4>
<ul class="mvp-post-more-list left relative">
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%ED%95%98%EB%B0%94-%EB%A1%9C%ED%94%84-%EC%8A%A4%ED%81%AC-%EC%9B%94%EB%93%9C-%ED%81%B4%EB%9E%98%EC%8A%A4%EC%9D%98-%EC%9B%8C%ED%84%B0-%ED%8C%8C%ED%81%AC-%EC%A3%BC%EC%86%8C-%EA%B0%80%EA%B2%A9/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/641ffe257eb00ede-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/641ffe257eb00ede-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%ED%95%98%EB%B0%94-%EB%A1%9C%ED%94%84-%EC%8A%A4%ED%81%AC-%EC%9B%94%EB%93%9C-%ED%81%B4%EB%9E%98%EC%8A%A4%EC%9D%98-%EC%9B%8C%ED%84%B0-%ED%8C%8C%ED%81%AC-%EC%A3%BC%EC%86%8C-%EA%B0%80%EA%B2%A9/">
<p>하바 로프 스크 월드 클래스의 워터 파크 : 주소, 가격,</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">여행</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%8A%A4%EB%A7%88%ED%8A%B8-%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%84-%ED%94%BC%ED%95%98%EA%B8%B0-9-%EA%B0%9C-%ED%96%89%EB%8F%99/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/f8720069d32a0f8e-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/f8720069d32a0f8e-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%8A%A4%EB%A7%88%ED%8A%B8-%EC%82%AC%EB%9E%8C%EB%93%A4%EC%9D%84-%ED%94%BC%ED%95%98%EA%B8%B0-9-%EA%B0%9C-%ED%96%89%EB%8F%99/">
<p>스마트 사람들을 피하기 9 개 행동</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">자기 재배</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%97%AC%EB%93%9C%EB%A6%84%EC%9D%84-%EC%B9%98%EB%A3%8C%ED%95%98%EB%8A%94-%ED%8C%81-%ED%94%BC%EB%B6%80%EA%B3%BC/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/2b28109ad4510f9f-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/2b28109ad4510f9f-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EC%96%B4%EB%96%BB%EA%B2%8C-%EC%97%AC%EB%93%9C%EB%A6%84%EC%9D%84-%EC%B9%98%EB%A3%8C%ED%95%98%EB%8A%94-%ED%8C%81-%ED%94%BC%EB%B6%80%EA%B3%BC/">
<p>어떻게 여드름을 치료하는? 팁 피부과</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">건강</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/%EB%B3%84%EC%9E%90%EB%A6%AC%EC%97%90-%ED%91%B8%ED%8B%B4-%ED%91%B8%ED%8B%B4%EC%9D%98-%EC%83%9D%EC%9D%BC-%EB%82%A0%EC%A7%9C-%EB%85%84-10-%EC%9B%94-7-%EC%84%9C%EB%AA%85-%EB%88%84%EA%B5%AC/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/6713d24b6f800e91-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/6713d24b6f800e91-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/%EB%B3%84%EC%9E%90%EB%A6%AC%EC%97%90-%ED%91%B8%ED%8B%B4-%ED%91%B8%ED%8B%B4%EC%9D%98-%EC%83%9D%EC%9D%BC-%EB%82%A0%EC%A7%9C-%EB%85%84-10-%EC%9B%94-7-%EC%84%9C%EB%AA%85-%EB%88%84%EA%B5%AC/">
<p>별자리에 푸틴? 푸틴의 생일 날짜. 년 10 월 7 - 서명 누구?</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">뉴스와 사회</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/mamontov-%EC%BD%98%EC%8A%A4%ED%83%84%ED%8B%B4-%EC%BD%98%EC%8A%A4%ED%83%A0%ED%8B%B0%EB%85%B8%EB%B9%84%EC%B9%98-%EA%B5%B0-%EA%B2%BD%EB%A0%A5-%EB%B0%8F-%EC%95%BD%EB%A0%A5/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/67ab68f17ded0ec6-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/67ab68f17ded0ec6-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/mamontov-%EC%BD%98%EC%8A%A4%ED%83%84%ED%8B%B4-%EC%BD%98%EC%8A%A4%ED%83%A0%ED%8B%B0%EB%85%B8%EB%B9%84%EC%B9%98-%EA%B5%B0-%EA%B2%BD%EB%A0%A5-%EB%B0%8F-%EC%95%BD%EB%A0%A5/">
<p>Mamontov 콘스탄틴 콘스탠티노비치 : 군 경력 및 약력</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">형성</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
<li>
<div class="mvp-post-more-img left relative">
<a href="https://ko.birmiss.com/vedenin-%EB%B9%84%EC%95%84%EC%B2%B4%EC%8A%AC%EB%9D%BC%ED%94%84-%ED%8E%98%ED%8A%B8%EB%A1%9C%EB%B9%84%EC%B9%98-%EC%A0%84%EA%B8%B0-%EA%B0%80%EC%A1%B1-%EC%82%AC%EC%A7%84-%EB%86%92%EC%9D%B4/">
<amp-img class="mvp-reg-img" src="https://images.birmiss.com/image/3b6a2f127e060ecc-560x315.jpg" width="560" height="315" layout="responsive"></amp-img>
<amp-img class="mvp-mob-img" src="https://images.birmiss.com/image/3b6a2f127e060ecc-80x80.jpg" width="80" height="80" layout="responsive"></amp-img>
</a>
</div>
<!--mvp-post-more-img-->
<div class="mvp-post-more-text left relative">
<a href="https://ko.birmiss.com/vedenin-%EB%B9%84%EC%95%84%EC%B2%B4%EC%8A%AC%EB%9D%BC%ED%94%84-%ED%8E%98%ED%8A%B8%EB%A1%9C%EB%B9%84%EC%B9%98-%EC%A0%84%EA%B8%B0-%EA%B0%80%EC%A1%B1-%EC%82%AC%EC%A7%84-%EB%86%92%EC%9D%B4/">
<p>Vedenin 비아체슬라프 페트로비치 : 전기, 가족, 사진, 높이</p>
<h3 class="mvp-cat-bub"><span class="mvp-cat-bub">스포츠와 휘트니스</span></h3>
</a>
</div>
<!--mvp-post-more-text-->
</li>
</ul>
</div>
<!--mvp-post-more-wrap-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-article-cont-->
</article>
<!--mvp-article-wrap-->
</div>
<!--mvp-main-body-wrap-->
<footer id="mvp-foot-wrap" class="left relative">
<div id="mvp-foot-bot" class="left relative">
<div class="mvp-main-box">
<div id="mvp-foot-copy" class="left relative">
<p>Copyright © 2018 ko.birmiss.com. Theme powered by WordPress.</p>
</div>
<!--mvp-foot-copy-->
</div>
<!--mvp-main-box-->
</div>
<!--mvp-foot-bot-->
</footer>
</div>
<!--mvp-site-main-->
</div>
<!--mvp-site-wall-->
</div>
<!--mvp-site-->
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/11999666/0/ec2c5c75/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.169 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-09-30 05:33:02 -->
<!-- 0.002 -->