HTML이란?

하이퍼텍스트 태그 언어

그렇다면, 우리는 도대체 어떻게 웹 페이지를 위해 코드를 작성합니까?
하이퍼텍스트 태그 언어(HyperText Markup language, 약칭 HTML)라는 신기한 언어가 웹 페이지 구조를 간단하게 만든다.초보자들에게 이것은 아주 좋은 학습 방법이다. 그들은 단지 코드를 어떻게 만드는지 배우고 싶을 뿐이다.ABC를 배우는 것이 쉽다는 뜻은 아니지만 용어, 문법, 코드 편집기, 개발자 도구 등을 배우기 시작하는 좋은 방법이다.웹 스타일을 어떻게 디자인하거나 기능을 추가하는지 배우기 전에 우리는 기초 지식을 배워야 한다. 이런 기초 지식은 우리가 개발자로서의 전체 직업 생활을 관통시킬 것이다.이러한 간단한 기교와 기교를 통해 우리는 더욱 빠르고 효과적으로 다른 언어를 배울 것이다.

코드 읽기

우리가 어떤 종류의 소프트웨어나 웹 페이지를 개발하는 데 도움을 줄 수 있도록 새로운 언어를 배우려고 시도할 때마다우리는 우선 이 언어들의 문법을 이해해야 한다.HTML에서, 우리는 요소 표시를 사용하여 웹 브라우저에 우리가 페이지에 무엇을 표시하고 싶은지 알려 줍니다.

<h1> HTML Syntax: header element </h1>
<p> Paragraph element </p>

문법: 한 언어에서 단어와 단어를 배열하여 구조가 좋은 문장을 형성한다.웹 페이지 구조를 만드는 일련의 규칙으로 볼 수 있습니다.

HTML 요소 태그

다음은 매우 자주 사용하는 HTML 태그의 빠른 참조입니다.

// used for headers
<h1> </h1>
<h2> </h2>
<h3> </h3>
<h4> </h4>
<h5> </h5>
<h6> </h6>


// used for paragraphs or text
<p> </p>

// used for lists

<ul> </ul>
<ol> </ol>

// used to handle user forms

<form> </form>

HTML 태그에 대해 자세히 알고 싶으면 이것link을 보십시오.

태그 사용

보시다시피, 브라우저에 모든 내용을 전달하려고 시도할 때, 우리는 보통 두 개의 요소 표시를 포함합니다.시작 탭과 끝 탭이 필요합니다.탭 내부에서 브라우저에 표시하고자 하는 상하문에 넣습니다.
여기에 우리는 h1 원소 라벨이 하나 있다.시작 라벨은 보통 우리< > 사이에 있기 때문에 <h1>처럼 보인다. 현재 우리는 우리의 상하문을 요소 뒤에 놓고 상하문이 완성되면 다른 라벨을 추가하지만 이번에는 / 이름 앞에 element tag를 추가하기 때문에 이것은 </h1>처럼 보인다. 이것은 header의 끝 라벨이 될 것이다.

<h1> Header Element </h1>

HTML 페이지 만들기

html 파일을 만들기 위해 코드 편집기를 엽니다.코드 파일을 만들 때, 컴퓨터에서 우리가 어떤 종류의 프로그램을 만들려고 하는지 알 수 있도록 파일 끝에 우리가 사용하고 있는 언어 형식을 추가해야 한다.예를 들어 HTML 코드를 작성하려면 우리가 선택한 이름과 파일 이름의 끝에 마침표.를 붙이고 html를 붙이는 파일을 만들 것이다.
파일이 작성되면 HTML 태그를 파일에 쓸 수 있습니다.브라우저에 간단한 텍스트를 만들기 위한 header 표시를 작성할 것입니다.

<h1> Hello World </h1>

e、 g.file_name.html

HTML 실시간 페이지

HTML 파일을 만드는 방법을 알았으니 브라우저에서 열 수 있습니다.HTML 파일을 시작하는 방법은 여러 가지가 있지만, 이 예에서는 파일을 클릭하여 웹 브라우저에서 수동으로 열 것입니다.기본 브라우저에 따라 열려 있는 브라우저에 따라 다릅니다.만약 우리가 여러 개의 브라우저가 있다면, 반드시 가장 편안한 것을 선택해야 한다.Google은 이 안내서에서 구글 크롬을 사용할 것입니다. 왜냐하면 Google은 유익한 개발자 디버깅 도구를 제공하기 때문에 손상된 코드를 복구해야 할 때 생활을 간소화할 수 있기 때문입니다.

파일을 저장할 위치를 찾습니다file_name.html.

파일을 마우스 오른쪽 버튼으로 클릭

열기(브라우저 선택)

브라우저가 HTML 파일을 열고 내용을 표시

예컨대

축하합니다!우리는 방금 HTML 파일을 만들고 브라우저로 열어 우리의 첫 번째 HTML 태그를 쓰는 법을 배웠다.이것은 단지 새로운 세계의 시작일 뿐이다!곧, 너는 색깔, 그림, 부분으로 더욱 매력적인 웹 페이지를 만들어서 독자들이 원하는 내용을 더욱 쉽게 찾을 수 있도록 도와줄 수 있다.

결론

나는 본고가 끝날 때, 당신이 모든 줄 코드에서 발생하는 일을 어떻게 만들고 이해하는지 배울 수 있기를 바랍니다.코드의 작업 원리를 충분히 이해하는 것은 매우 중요하다. 코드는 당신이 더 좋은 개발자가 될 수 있을 뿐만 아니라, 현재 사용하고 있는 도구를 더욱 효율적으로 사용할 수 있도록 도와줄 수 있다.
이 글들은 주로 개인적인 용도로 사용되어 내가 더 좋은 프로그래머, 작가가 되고 프로그래밍 기술을 향상시키는 데 도움을 준다.만약 당신이 나와 다른 사람들을 돕기 위해 어떤 피드백이나 수정을 해야 한다고 생각한다면 언제든지 포기하세요.오늘까지 시간을 내주셔서 감사합니다!