인터넷: 있어야 할 곳입니다.
한 가지 발명이 우리의 일생 동안 세상을 완전히 바꾸어 놓았다면 그것은 인터넷입니다. 점점 더 많은 사람들이 소셜 네트워크가 제공하는 것 이상으로 웹에서 존재하기를 원합니다. 그들은 웹 공간이 자신의 것이라고 부를 수 있기를 원합니다. 주요 웹 사이트는 점점 더 복잡해지고 Flash, CSS, perl 및 JavaScript와 같은 초보자를 위협하는 전문 용어를 사용하지만 두려워하지 마십시오. HTML이라는 간단한 네 글자로 누구나 웹에서 즉시 인지도를 얻을 수 있습니다. 이 문자는 일련의 태그를 사용하여 정적 웹 페이지를 만드는 프로그래밍 언어인 하이퍼텍스트 마크업 언어를 나타냅니다. 태그를 더 많이 알수록 정적 웹 페이지로 더 많은 작업을 수행할 수 있습니다.
1 단계
다음 코드를 메모장과 같은 간단한 텍스트 편집기에 복사하여 정적 웹 페이지의 기본 골격을 만듭니다.
오늘의 비디오
그런 다음 파일을 index.html(기본 기본 페이지 이름)로 저장하고 브라우저에서 엽니다. 빈 웹 페이지를 만들었기 때문에 아무 것도 표시되지 않습니다.
모든 태그에는 의미가 있습니다. 태그는 브라우저에 웹 페이지가 표시되고 있음을 알려줍니다. 모든 종류의 정보가 검색 엔진에 갈 수 있는 곳입니다. 사람들이 보게 될 부분이 시작된다는 것을 의미합니다.
2 단계
HTML을 두 가지 주요 유형의 태그(대괄호 안의 코드 비트)로 생각하십시오. 하나는 브라우저에 작업을 시작하도록 지시하고 다른 하나는 중지하도록 지시합니다.
이 텍스트를 굵게 표시
이후의 모든 것 -- 여는 태그 -- 도달할 때까지 굵게 표시됩니다. -- 닫는 태그. "/"는 브라우저에 중지하도록 지시합니다.
3단계
웹 페이지에 텍스트를 추가합니다. 웹 페이지 본문에 "This is my Web page"를 입력합니다. 페이지를 저장하고 브라우저에서 보십시오. 결과는 좋지만 너무 흥미롭지는 않습니다. 몇 가지 다른 태그를 사용해 보세요. 예를 들어, 텍스트를 굵게 만듭니다. 텍스트를 기울임꼴로 만듭니다. 글꼴 크기를 1(가장 작은)에서 6(가장 큰)으로 변경할 수 있습니다. 텍스트를 빨간색(또는 입력한 다른 색상)으로 만듭니다.
페이지의 텍스트(또는 이미지)를 중앙에 배치합니다.동일한 텍스트 블록에서 이러한 태그 중 여러 개를 사용해 보십시오. 원하는 조합을 할 수 있습니다.
페이지의 요소 사이에 다음을 삽입하여 요소 사이에 공간을 추가할 수도 있습니다.
단락 나누기
줄 바꿈을 위해;
웹 페이지를 가로지르는 선으로 나누기를 만듭니다.
4단계
페이지에 이미지를 추가합니다. 태그를 사용하여 이 작업을 수행합니다. , 해당 예의 웹 주소를 사용하려는 이미지의 위치로 바꾸십시오. 이것은 끝 태그가 없는 몇 안되는 태그 중 하나입니다. 이미지도 텍스트처럼 가운데에 맞출 수 있습니다.
5단계
다른 웹사이트에 대한 링크를 만듭니다. 이것은 태그로 수행됩니다. 여기를 클릭하십시오. 이 코드는 "여기를 클릭하십시오"라는 단어를 다른 웹사이트에 대한 링크로 만듭니다. 텍스트 대신 코드를 사용하여 이미지를 링크로 사용할 수 있습니다. .
팁
이러한 HTML 코드를 함께 사용하면 원하는 복잡성의 정적 웹 페이지를 만들 수 있습니다.
HTML 태그를 상자 안의 상자 또는 러시아 인형으로 생각하십시오. 이것을 중첩이라고 하며 모든 것을 깔끔하고 읽기 쉽게 유지합니다. 예를 들어, 사이에 배치된 텍스트