정적 웹 페이지를 만드는 방법

...

인터넷: 있어야 할 곳입니다.

한 가지 발명이 우리의 일생 동안 세상을 완전히 바꾸어 놓았다면 그것은 인터넷입니다. 점점 더 많은 사람들이 소셜 네트워크가 제공하는 것 이상으로 웹에서 존재하기를 원합니다. 그들은 웹 공간이 자신의 것이라고 부를 수 있기를 원합니다. 주요 웹 사이트는 점점 더 복잡해지고 Flash, CSS, perl 및 JavaScript와 같은 초보자를 위협하는 전문 용어를 사용하지만 두려워하지 마십시오. HTML이라는 간단한 네 글자로 누구나 웹에서 즉시 인지도를 얻을 수 있습니다. 이 문자는 일련의 태그를 사용하여 정적 웹 페이지를 만드는 프로그래밍 언어인 하이퍼텍스트 마크업 언어를 나타냅니다. 태그를 더 많이 알수록 정적 웹 페이지로 더 많은 작업을 수행할 수 있습니다.

1 단계

다음 코드를 메모장과 같은 간단한 텍스트 편집기에 복사하여 정적 웹 페이지의 기본 골격을 만듭니다.

오늘의 비디오

그런 다음 파일을 index.html(기본 기본 페이지 이름)로 저장하고 브라우저에서 엽니다. 빈 웹 페이지를 만들었기 때문에 아무 것도 표시되지 않습니다.

모든 태그에는 의미가 있습니다. 태그는 브라우저에 웹 페이지가 표시되고 있음을 알려줍니다. 모든 종류의 정보가 검색 엔진에 갈 수 있는 곳입니다. 사람들이 보게 될 부분이 시작된다는 것을 의미합니다.

2 단계

HTML을 두 가지 주요 유형의 태그(대괄호 안의 코드 비트)로 생각하십시오. 하나는 브라우저에 작업을 시작하도록 지시하고 다른 하나는 중지하도록 지시합니다.

이 텍스트를 굵게 표시

이후의 모든 것 -- 여는 태그 -- 도달할 때까지 굵게 표시됩니다. -- 닫는 태그. "/"는 브라우저에 중지하도록 지시합니다.

3단계

웹 페이지에 텍스트를 추가합니다. 웹 페이지 본문에 "This is my Web page"를 입력합니다. 페이지를 저장하고 브라우저에서 보십시오. 결과는 좋지만 너무 흥미롭지는 않습니다. 몇 가지 다른 태그를 사용해 보세요. 예를 들어, 텍스트를 굵게 만듭니다. 텍스트를 기울임꼴로 만듭니다. 글꼴 크기를 1(가장 작은)에서 6(가장 큰)으로 변경할 수 있습니다. 텍스트를 빨간색(또는 입력한 다른 색상)으로 만듭니다.

페이지의 텍스트(또는 이미지)를 중앙에 배치합니다.

동일한 텍스트 블록에서 이러한 태그 중 여러 개를 사용해 보십시오. 원하는 조합을 할 수 있습니다.

페이지의 요소 사이에 다음을 삽입하여 요소 사이에 공간을 추가할 수도 있습니다.

단락 나누기
줄 바꿈을 위해;


웹 페이지를 가로지르는 선으로 나누기를 만듭니다.

4단계

페이지에 이미지를 추가합니다. 태그를 사용하여 이 작업을 수행합니다. , 해당 예의 웹 주소를 사용하려는 이미지의 위치로 바꾸십시오. 이것은 끝 태그가 없는 몇 안되는 태그 중 하나입니다. 이미지도 텍스트처럼 가운데에 맞출 수 있습니다.

5단계

다른 웹사이트에 대한 링크를 만듭니다. 이것은 태그로 수행됩니다. 여기를 클릭하십시오. 이 코드는 "여기를 클릭하십시오"라는 단어를 다른 웹사이트에 대한 링크로 만듭니다. 텍스트 대신 코드를 사용하여 이미지를 링크로 사용할 수 있습니다. .

이러한 HTML 코드를 함께 사용하면 원하는 복잡성의 정적 웹 페이지를 만들 수 있습니다.

HTML 태그를 상자 안의 상자 또는 러시아 인형으로 생각하십시오. 이것을 중첩이라고 하며 모든 것을 깔끔하고 읽기 쉽게 유지합니다. 예를 들어, 사이에 배치된 텍스트

그리고
볼드체, 이탤릭체, 중앙으로 표시됩니다. NS
상자는 내부에 있습니다 안에 들어있는 상자, 상자.