HTML은 다음의 약어입니다. 하이퍼텍스트 마크업 언어 . 웹 페이지 및 웹 애플리케이션을 만드는 데 사용됩니다. HTML은 웹에서 널리 사용되는 언어입니다. 이번 글에서는 HTML을 작성하는 방법을 배워보겠습니다.
여기서는 먼저 HTML 페이지를 생성하는 단계별 절차를 보여줍니다.
1 단계 - 코드를 작성하려면 텍스트 편집기를 엽니다.
초보자가 쉽게 다운로드할 수 있는 다양한 텍스트 편집기가 있지만 가장 좋은 텍스트 편집기는 메모장(Windows)과 TextEdit(Mac)입니다. Windows에서 기본 텍스트 편집기는 다음과 같습니다. 메모장 , Mac에서는 기본 편집기가 TextEdit입니다. 창문에서는 다음을 열 수 있습니다. 메모장 아래 스크린샷과 같이 시작을 클릭하고 메모장을 입력하여 편집기를 실행하세요.
우리는 또한 메모장++ HTML 프로그램을 작성하기 위한 Windows의 텍스트 편집기. 기본 사항을 익힌 후에는 다음과 같은 다른 전문 편집자를 사용할 수 있습니다. 메모장++, 숭고한 텍스트, Vim, 등.
2 단계 - 이제 텍스트 편집기에서 HTML 프로그램 작성을 시작하세요. HTML 태그는 열린 태그()와 닫힌 태그()로 둘러싸여 있습니다. 단락을 만들어야 한다고 가정하면 HTML에서는 열린 단락 태그를 입력하여 단락이 생성됩니다.
그런 다음 닫힌 단락 태그를 입력합니다.
.
코드 한 줄을 작성한 후 간단히 누르기만 하면 됩니다. 입력하다 다음 줄로 가려면.
3단계: 다음 중 하나를 사용하여 파일을 저장하십시오. .html 또는 .htm 확장 프로그램은 아래 스크린샷과 같습니다.
4단계: 이제 .html 파일을 실행할 수 있습니다. 이렇게 하려면 파일을 저장한 위치로 이동해야 합니다. 그런 다음 해당 파일을 선택하고 마우스 오른쪽 버튼을 클릭한 후 원하는 웹 브라우저를 선택하여 파일을 실행합니다. 다음 스크린샷을 보면 알 수 있습니다.
브라우저를 클릭하면 파일 출력을 보여주는 웹 페이지가 표시됩니다.
이제 HTML로 시작하는 방법이나 HTML 프로그램을 작성하는 방법을 살펴보겠습니다.
모든 HTML 문서의 경우 기본적으로 문서 유형으로 문서를 시작할 수 있습니다. 꼬리표 , 태그 및 태그 . 태그를 닫아야 합니다. 그리고 태그. 다음과 같이 작성됩니다 -
태그에는 웹 브라우저에 표시될 코드를 작성할 수 있습니다. 웹페이지의 제목을 만들려면 아래와 같이 head 태그를 포함할 수 있습니다.
<title < pre> <p>There are various tags in HTML for performing different tasks. There are six headings in HTML that are <a href="/html-heading"> <strong><h1>, <h2>, <h3>, <h4>, <h5>, and <h6></h6></h5></h4></h3></h2></h1></strong> </a> . These headings should be closed with their corresponding closing tags.</p> <p>There are various properties and rules to write HTML code. For more information, you can visit our <strong>HTML tutorial</strong> .</p> <p>We can create paragraphs in HTML by using the </p><p> tag , to create a hyperlink we can use the anchor tag, i.e., <a href=" "> </a>, we can also add unordered and ordered lists by adding <ul> and <ol> tags . An image can be inserted by using the .</ol></ul></p> <p>To add the style to a specific html tag or to the group of the html tags, we can use the CSS. There are three ways to use CSS in HTML that are Inline CSS , Internal or embedded CSS, and using the External CSS . Let's see the brief description of these ways -</p> <p> <strong>Inline CSS -</strong> Inline CSS uses style attribute to style the HTML elements. It is used to apply style to a single element.</p> <p> <strong>Internal or Embedded CSS -</strong> It defines CSS using <strong></strong> tag in the section. To use internal CSS, we can use id and class attributes.</p> <p> <strong>External CSS -</strong> It defines all CSS properties in a separate .css file. Then we have to include that file using the tag in the section.</p> <p>So, for more information, one should visit our HTML tutorial, where you will find a detailed and easier description of <a href="/html-tags">HTML tags</a> .</p> <hr></title>