블로거입니까? 그런 다음 HTML 코드를 아는 것이 좋습니다

혼란 HTML 코드? 당신은 유일한 사람이 아닙니다.


인정하겠습니다. 웹을 쓰기 시작했을 때 HTML 코드. 그리고 다시 인정하겠습니다. 난 아직도 많이 몰라.

그러나 약간의 HTML 지식이 웹을 작성할 때 일을 훨씬 쉽게 할 수 있음을 발견했습니다..

하이퍼 텍스트 마크 업 언어 배우기

물론 웹 사이트를 구축하는 방법은 모르겠지만 작은 구성 요소를 조정하는 방법과 HTML 코드가 필요한 편집 시스템에 직면 할 때도 알고 있습니다. 내 텍스트를 올바르게 포맷하기에 충분.

그 혼란을 없애고 HTML 코딩에 대해 조금 배우고 싶습니까? 시작하자.

HTML 코드 란??

주변에서 보았지만 HTML 횡설수설이 무엇을 의미하는지 모릅니다..

그것은 약자 하이퍼 텍스트 마크 업 언어. HTML 문서를 형식화하는 데 사용되는 표준화 된 시스템입니다. 마크 업 태그라고하는 사용 된 코드는 글꼴, 텍스트 크기, 색상, 하이퍼 링크, 단락 등의 형식을 지정할 수 있습니다..

웹 브라우저는 HTML을 읽고 태그를 사용하여 내용을 표시하는 방법을 결정합니다. 태그의 예는 다음과 같이 굵은 체 텍스트를 만드는 것입니다.

굵은 글씨체.

페이지에서 다음과 같습니다.

굵은 글씨체.

수년 동안 많은 HTML 버전이 있었지만 2014 년 10 월 현재 HTML5는 웹의 표준화 된 마크 업 언어입니다..

블로거가 알아야하는 이유

HTML을 블로거로 알지 못하고 서식을 HTML 언어로 변환하는 프로그램을 사용하는 등 약간의 속임수를 쓰지 않고도 블로그에 도움이 될 수있는 몇 가지 기본 태그를 알면 도움이 될 수 있습니다..

개인적으로 유용한 상황은 다음과 같습니다.

  • 게스트 블로깅을 할 때 일부 사이트는 작성자 바이오를 HTML 형식으로 작성하기를 원합니다. 약간의 지식 만 있으면 필요한 곳에 링크와 이탤릭체를 추가 할 수 있습니다.
  •  문제가 발생하면 페이지의 HTML을보고 문제의 원인을 확인할 수 있습니다..
  •  온라인 네트워킹에서 HTML 태그를 사용하여 블로그 게시물 댓글 및 포럼 댓글의 형식을 지정할 수 있습니다..
  •  HTML에 대해 충분히 배우면 디자이너를 고용하지 않고도 CSS에 대해 조금 배우고 웹 사이트를 약간 조정할 수 있습니다..

일반적인 코드 블로거 사용

너무 깊이 들어가기 전에 HTML 태그는 꺾쇠 괄호로 묶인 키워드임을 알아야합니다. 이 태그는 쌍으로 제공되며 시작 태그와 종료 태그 사이의 텍스트가 영향을받습니다. 종료 태그는 시작 태그와 동일하게 작성되지만 태그 이름 앞에 슬래시를 사용합니다..

혼란 스럽습니까? 몇 가지 예를 들면 더 쉽습니다. 블로거로 알아야 할 일반적인 HTML 태그 중 일부를 살펴 보겠습니다..

골격 태그

먼저 골격 태그가 제공됩니다. 이것들은 반드시 사용하지는 않지만 알고있는 데 도움이됩니다. 이 태그는 문서의 기초가되므로 “스켈 ​​레탈 태그”라는 용어가 사용됩니다. 웹 페이지에서는 읽을 수 있지만 시각적 요소로 번역되지는 않습니다..

그렇더라도 알아두면 좋습니다. 예를 들어 웹 사이트의 “헤드”섹션에 코드를 붙여 넣도록 요청하는 프로그램을 사용해 본 적이 있습니까? 당신은 약간의 HTML 지식으로 그것을 찾을 수 있습니다. 다음은 알아야 할 몇 가지 골격 태그입니다.

  • : 이 섹션에서는 HTML 문서에 대해 설명합니다.
  •   : 이 섹션은 문서에 대한 정보를 제공합니다.
  •   : 이것은 문서의 제목을 제공합니다.
  •   : 시각적 페이지 요소를 설명합니다. 페이지의 본문 섹션에서 블로거가 필요할 때 HTML을 자주 조정합니다. 언급 된 나머지 태그는 문서 본문에 있습니다..
  •  

    : 이 태그는 단락을 설명합니다.

페이지 텍스트는 시작 및 종료 태그로 묶어야합니다. 예를 들면 다음과 같습니다.

이것은 단락 텍스트입니다.

제목 태그

제목 태그는 문서 계층 구조를 표시하는 데 사용됩니다. 이미 블로그 형식에서 제목을 사용하고있을 가능성이 있지만 제목 1-6의 차이는 텍스트 크기와 글꼴 무게 이상을 의미합니다. 또한 웹 브라우저 및 검색 엔진 봇에 계층 구조를 전달합니다..

제목 1은 블로그 게시물 제목과 같은 문서의 주요 제목에 사용해야합니다. 제목 2는 기본 부제목과 같은 보조 정보 여야합니다. 제목 6을 통해 하위 부제목에 제목 3을 사용합니다. 이러한 태그는 다음과 같습니다.

번역 방법의 예는 다음과 같습니다.

이것은 제목 5입니다

이것은 제목 5입니다

인라인 텍스트 태그

인라인 텍스트 태그는 다음과 같은 블록 수준 태그 내에서 텍스트의 형식을 지정하는 데 사용됩니다

. 일반적으로 사용하는 예는 다음과 같습니다..
  • : 강조 표시된 텍스트를 정의하며 대부분의 브라우저는 이탤릭체로 표시됩니다.
  •   : 대부분의 브라우저에서 굵게 강조 표시된 텍스트를 정의합니다..
  •   : 이 견적을 형식화.
  •   : 삭제 된 텍스트가 표시되는데이 텍스트는 종종 다음과 같이 취소 선으로 번역됩니다..

태그 목록

알다시피,이 블로그 게시물에서 여러 글 머리 기호 목록을 사용했습니다. 하지만 어떻게 했습니까? 알아야 할 태그는 다음과 같습니다.

  • : 이것은리스트 요소를 정의합니다.
  •  
      : 이 태그는 순서가없는 목록으로 이동하며 글 머리 기호로 표시됩니다..
    •  
        : 이 태그는 정렬 된 목록을 둘러싼 숫자로 표시됩니다..

    정렬 된 목록의 HTML 코드는 다음과 같습니다.

    1. 목록 항목 1
    2. 목록 항목 2
    3. 목록 항목 3

    페이지에 표시되는 방법은 다음과 같습니다.

    1. 목록 항목 1
    2.  목록 항목 2
    3.  목록 항목 3

    이미지 및 링크 태그

    나누기 전에 이미지와 링크를 삽입하는 방법을 간단히 살펴 보겠습니다. 코드를보고 태그를 사용할 때 정보를 입력하는 것이 더 쉽습니다.

    링크

    앵커 텍스트

    URL을 따옴표로 묶지 마십시오. 따옴표 사이에 URL을 삽입하십시오. 앵커 텍스트는 페이지에 표시되는 텍스트입니다..

    예를 봅시다. 이전 Hosting Kingdom 기사에 링크하려면 코드는 다음과 같습니다.

    웹 호스트를 통해 도메인을 등록해야하는 경우?

    링크가 페이지에 다음과 같이 나타납니다.

    웹 호스트를 통해 도메인을 등록해야하는 경우?

    영상

    이미지 코드는 다음과 같습니다.

    컨테이너가 아닌 태그이므로 종료 태그가 없지만 src 속성이 필요합니다. 대체 텍스트 또는 크기 정의와 같은 추가 정보를이 태그에 추가 할 수 있습니다. 다음과 같이 보일 것입니다.

    ”YOUR

    다시 한 번 인용 부호를 제거하지 마십시오.

    노트 : 같은 것에 사용할 수있는 다른 코드가 표시 될 수 있습니다. 예를 들어 , , 과 다양한 브라우저에서 다르게 표시 될 수 있지만 텍스트를 굵게 표시하는 데 사용되는 태그.

    HTML이 헷갈려 보일 필요는 없습니다. HTML을 연습하고 더 나은 느낌을 얻으려면 다음과 같은 대화식 사이트를 사용하십시오. 코드 아카데미, 의견 섹션에서 어떻게 진행되는지 알려주십시오..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map