Skip to main content

웹 사이트의 HTML 기본 사항 알아보기

웹사이트 코딩할때 필요한 HTML 이 영상 하나로 끝내세요 (유월 2026)

웹사이트 코딩할때 필요한 HTML 이 영상 하나로 끝내세요 (유월 2026)
Anonim

웹 사이트를 만들려면 기본 HTML을 배우십시오. 기본 HTML은 배우기가 어렵지 않습니다. HTML 학습은 아마도 개인 웹 사이트를 만들고 싶다면 할 수있는 가장 중요한 일 중 하나 일 것입니다. 좋은 페이지를 디자인하려면 HTML을 배워야합니다. 인터넷에서 웹 사이트를 기반으로하는 언어이기 때문입니다.

웹 사이트는 귀하의 삶에서 어떤 것을 과시 할 수있는 좋은 방법입니다. 기본 HTML을 사용하면 웹 사이트에 표시하고자하는 것이 무엇이든간에 세계를 보여줄 수 있습니다. 웹 사이트에서 색상 추가, 텍스트 크기 변경 및 그림 포함은 기본적인 HTML을 배울 때 할 수있는 몇 가지 작업입니다.

기본 HTML을 배우려면 실제로 HTML의 약어 인 일련의 문자라는 것을 명심해야합니다. 예를 들어, H1은 5 개의 크기 중 첫 번째 단락 인 BR에 줄 바꿈을 의미합니다.

기억해야 할 중요한 점은 기본 HTML을 배우는 동안 웹 페이지에서 HTML 태그가 특정 순서로 제공되어야하며 대부분의 HTML 태그에는 브라우저가 명령을 인식 할 수 있도록 시작 태그와 종료 태그가 있어야한다는 것입니다. 끝 태그는 시작 태그와 동일하지만 끝 태그는 / 상징. 제목은 다음과 같을 것이다.

여기로 향하고있다.

. 시작 태그가 있습니다. H1, 표제 및 종료 태그 / H1.

기본 HTML을 올바른 방식으로 배우고 태그가 특정 순서로 제공되어야 함을 기억하십시오. 웹 페이지의 기본 구조는 다음과 같습니다.

여기서 프레임, 언어 및 특수 지침과 같은 중요한 문서 정보를 입력 할 수 있습니다.

페이지의 제목.

이야기, 사진, 링크 및 기타 모든 것을 여기에 넣으십시오.

단락의 제목.

여기서 문서의 텍스트를 입력합니다.

다음은 링크를 작성하는 방법입니다.제목 또는 말하고 싶은 것.

문장의 중간에 링크를 입력 할 수도 있습니다. "Microsoft에 훌륭한 데모가 있습니다."라고 말하고 싶다면 다음과 같이 보입니다.

마이크로 소프트 기본 HTML을 배우는 데 도움이되는 멋진 데모가 있습니다.

다른 페이지에 대한 링크를 만들 수있을뿐만 아니라 같은 페이지의 다른 장소에 대한 링크를 만들 수도 있습니다. 이 기사의 처음으로 돌아가고 싶다면 "돌아 가기"와 같은 말을하고 하이퍼 링크를 클릭하면 처음으로 돌아갈 수 있습니다. 이 부분은 두 부분으로되어 있기 때문에 조금 더 어렵습니다. 먼저 링크를 만듭니다.

돌아 가기

"There"라는 단어는 내가 당신을 다시 데려 가고 싶어하는 단어입니다. 그래서 지금 나는 그 단어에 가서 만들어야 만하고, 그래서 방금 만든 링크는 어디로 가야하는지 알고 있습니다 :

그곳에

기본 HTML을 배울 때 Windows와 함께 제공되는 텍스트 편집기, NoteTab 및 Arachnophilia와 같은 프로그램 또는 웹 브라우저와 함께 제공되는 프로그램으로 웹 사이트를 작성할 수 있습니다. 어느 쪽이든 기본 HTML을 배웠을 때의 규칙을 따라하면 모든 것이 잘 될 것입니다.

기본 HTML 태그

- 브라우저에서 볼 수없는 작성자 주석.

- 항상이 태그를 사용하여 페이지를 시작하고 종료하십시오.

- 문서 헤더.

- 문서 본문.

- 문서의 제목.

- 가장 작은 표제 크기.

- 작은 표제 크기.

- 중형 소형 표제 크기.

- 중간 큰 표제 크기.

- 큰 표제 크기.

- 가장 큰 제목 크기입니다.

- 하이퍼 텍스트 링크를 시작합니다.

- 저자에 대한 정보.

- 긴 인용문.

- 미리 서식이 지정된 텍스트.

- 양식 블록.

- 텍스트를 입력 할 상자를 만듭니다.

- 스크롤 메뉴를 만듭니다.

- 선택할 항목을 만듭니다.

- 디렉토리 목록.

- 주문 목록.순서가 지정된 목록의 예 :

  1. 빨간
  2. 푸른
  3. 녹색

- 순서가없는 목록.순서가없는 목록의 예 :
  • 빨간
  • 푸른
  • 녹색

- 메뉴 목록.

- 용어 목록.

- 표창장.

- 코드 글꼴.

- 정의 된 용어.

- 중점.적색 강조의 예 : 빨간, 청색, 녹색

- 기울임 꼴.기울임 꼴의 예 : 빨강, 파랑, 녹색

- 키보드 텍스트.

- 샘플 텍스트.

- 강한 강조.강한 강조의 예 :빨강, 파랑, 녹색

- 타자기 텍스트.

- 변수.

- 굵게.

- 다른 URL의 위치 참조.

- 문서를 서로 연결할 수 있습니다.

- 문서를 설명합니다.


- 줄 바꿈.

- 수평선.

- 이미지.

- 단락.

- 항목을 나열하십시오.

- 목록에서 용어를 표시합니다.

- 목록의 정의를 표시합니다.