HTML로 작성 : 기본 HTML 개념

생각보다 쉽습니다.

좋은 CMS를 사용하면 웹 사이트에 기사를 쉽게 게시 할 수 있습니다. 하지만 정확히 무엇 을 게시하고 있습니까? 여러 문단의 텍스트. 해당 텍스트의 형식이 올바르지 않으면 귀사의 멋진 기사가 웹 사이트에서 제대로 표시되지 않습니다.

좋은 소식 : HTML로 글쓰기를 배우면 기사가 멋지게 보일 것입니다. 몇 가지 기본 개념을 사용하면 곧 HTML로 작성하게됩니다.

HTML : 웹 브라우저의 언어

"HTML"은 "HyperText Markup Language"의 약자입니다. 기본적으로 텍스트마크 업 하는 언어 이기 때문에 굵게 보이거나 다른 사이트로 연결되는 멋진 작업을 수행 할 수 있습니다.

HTML은 브라우저의 기본 언어입니다. 우리는 인터넷 (PHP, Perl, Ruby 및 기타)을 위해 많은 프로그래밍 언어를 사용하지만 궁극적으로는 HTML을 뱉어냅니다. (글쎄, 또는 자바 스크립트,하지만 간단하게 유지하자.)

브라우저는 HTML을 가져 와서 예쁜 웹 페이지로 만듭니다.

HTML로 작성하는 법을 배우면 브라우저에 무엇을 할 것인지 정확히 있습니다.

HTML은 일반 텍스트를 표시합니다

HTML은 마크 업 언어이므로 대부분의 "HTML"은 단순한 텍스트입니다. 예를 들어, 이것은 완벽하게 좋은 HTML입니다.

여보세요. 나는 HTML이다. 흥미 진진한. 네. 놀랄 만한.

그러나 기다려라. 그것은 컴퓨터 언어처럼 보이지 않습니다! 그것은 영어처럼 보인다!

예. 이제 당신은 위대한 비밀을 압니다. HTML (제대로 사용 된 경우)은 읽을 수있는 텍스트입니다.

워드 프로세서 경험을 배우십시오

물론 우리는 일반 텍스트 이상의 것을 원합니다. 예를 들어 이탤릭체를 원합니다.

워드 프로세서 프로그램 (예 : Microsoft Word 또는 무료 LibreOffice)에서 이탤릭체를 얻는 방법을 이미 알고 있습니다. 작은 버튼을 누르면됩니다.

그 때부터 입력하는 모든 내용은 이탤릭체로 표시됩니다. 페이지를 입력 할 수 있습니다. 이 강조의 축제를 어떻게 중단합니까? I 버튼을 다시 누릅니다. 이제 글꼴이 정상적으로 돌아 왔습니다.

이탤릭체로 된 단어의 중간으로 돌아가 텍스트를 추가하면 이탤릭체로 표시됩니다. 출발점, 기울임 꼴 "켜기"가있는 시작점과 종료 한 끝점 사이에는 이탤릭 영역 이 있습니다.

불행히도 이러한 종점은 보이지 않습니다.

보이지 않는 끝점은 많은 고통을 초래할 수 있습니다. 기울임 꼴을 끄기 쉽고, 커서로 실수를하고, 기울임 꼴로되어있는 것을 발견 할 수 있습니다. 당신은 그들을 다시 꺼 버리려고하지만 어떻게 든 당신은 다시 움직이게 됩니다 . 그래서 그들을 끄면 정말로 그들을 토글합니다 ... 그것은 엉망입니다.

HTML은 & # 34; 태그 & # 34;

HTML은 또한 엔드 포인트를 사용합니다. 차이점은 HTML에서이 끝점을 수 있다는 것입니다. 태그를 입력하면 태그 라고 부릅니다.

이전 예제를 돋보이게하고 싶다고 가정 해 봅시다. "흥미 롭다"라는 단어를 이탤릭체로 표시하려고합니다. 흥미로운 을 입력하십시오. 이렇게 :

여보세요. 나는 HTML이다. 흥미로운 . 네. 놀랄 만한.

텍스트 편집기에 저장 한 다음 HTML을 복사하여 CMS의 "새 기사"상자에 붙여 넣습니다. 브라우저가 페이지를 표시하면 다음과 같이 보입니다.

여보세요. 나는 HTML이다. 흥미 진진한 . 네. 놀랄 만한.

워드 프로세서와 달리 입력 할 때 이탤릭체가 표시되지 않습니다. 태그를 입력합니다. 브라우저는 태그를 읽고 보이지 않게하며 지침을 따릅니다.

모든 태그를 보는 것은 짜증나지만, 텍스트 편집기를 사용하면 훨씬 쉽게 처리 할 수 ​​있습니다.

태그 열기 및 닫기

태그를 다시보십시오. I 버튼을 처음 클릭하는 것처럼 기울임 꼴로 표시합니다. 는 두 번째 클릭과 마찬가지로 이탤릭체를 끕니다 .

단추를 클릭하는 대신 작은 태그를 입력합니다. 이탤릭체를 시작하는 여는 태그, 멈추기위한 닫는 태그.

태그 간의 차이점에 유의하십시오. 닫는 에는 / 기호가 있습니다. HTML의 모든 종료 태그에는 슬래시가 있습니다.

닫는 태그 잊지 마라.

태그를 닫는 것이 중요합니다. 종료 를 잊어 버리면 어떻게됩니까?

여보세요. 나는 HTML이다. 흥미 롭습니다. 네. 놀랄 만한.

이탤릭체를 끄려면 다시 I 를 클릭하는 것을 잊은 것처럼 보입니다. 당신은 이것을 얻을 것이다 :

여보세요. 나는 HTML이다. 흥미 진진한. 네. 놀랄 만한.

누락 된 단일 태그는 전체 기사 또는 나머지 페이지를 기울임 체로 변환 할 수 있습니다.

이것은 아마도 당신이 할 수있는 가장 쉽고 가장 초보자의 실수입니다. 그러나 쉽게 고칠 수 있습니다. 닫는 태그를 팝업하십시오.

지금 몇몇 꼬리표를 배우십시오

치하! 기본 HTML을 이해했습니다!

일반 텍스트는 여는 태그와 닫는 태그로 표시됩니다. 그것은 거의 그것입니다.

이제 기본 HTML 태그 몇 가지를 배우십시오. (먼저 적절한 텍스트 편집기를 사용하는 것이 좋습니다.)