HTML은 '하이퍼텍스트 마크업 언어'의 약자입니다. 인터넷에서 검색할 때 웹사이트가 표시될 때 브라우저가 읽는 언어입니다. 오늘날 프로그래머와 사이트 개발자가 사용하는 다른 언어가 많이 있지만 HTML은 여전히 웹 디자인의 표준으로 간주됩니다. 사이트의 기본 요소는 모두 HTML 언어에 포함되어 있습니다. 온라인 디자인 템플릿을 사용하는 경우에도 HTML 내에 공백을 삽입하는 방법을 포함하여 몇 가지 기본 HTML을 아는 것이 여전히 중요합니다.
줄 바꿈하지 않는 공백에는 nbsp 문자를 사용하십시오.
HTML은 MS Word 문서와 달리 단순히 스페이스바로 입력하는 추가 공백을 인식하지 못합니다. 대신 원하는 결과를 얻으려면 HTML의 언어와 기호를 사용해야 합니다. HTML에 줄 바꿈하지 않는 공백을 삽입하려면 추가 공백을 원하는 위치 뒤에 ' '를 입력하세요. 그런 다음 문서의 해당 위치에서 원하는 공간으로 인식합니다. 브라우저를 혼란스럽게 할 수 있으므로 이 기술을 연속해서 너무 많이 남용해서는 안 됩니다.
바이러스 / 게티 이미지
이 기술로 여러 공백을 삽입하십시오.
단어 뒤에 두 개 이상의 공백을 삽입해야 하는 경우 '&ensp'를 사용하여 두 개의 공백을 사용할 수 있습니다. 4개의 공백에 '&emsp'를 입력합니다. 탭 선택을 사용한 다음 ' ' 문자를 연속으로 4번 눌러 단어 뒤에 더 긴 공백을 삽입할 수 있습니다. 이러한 전략은 HTML 문서 내에서 선택한 단어 뒤에 더 많은 공백을 추가하는 데 효과적입니다.
스캔레일 / 게티 이미지
계단식 스타일 시트를 사용하여 단락을 들여씁니다.
CSS(Cascading Style Sheets)는 HTML을 덜 형식적으로 삽입할 수 있는 HTML 기반 프로토콜입니다. CSS 방법을 사용하면 긴 형식의 HTML을 사용할 필요가 없으므로 시간이 절약됩니다. CSS의 형식은 표준 HTML과 다르지만 그 안에 HTML이 포함되어 있습니다. CSS 형식을 사용하여 들여쓰기하여 HTML 내에 필요한 공간을 만들 수 있습니다. 이것을 삽입하는 데 사용할 수 있는 한 줄은 p입니다. indent {padding-left: 1.8 em} 이 코드는 HTML 내의 태그 사이에 넣어야 함을 기억하십시오.
스타폭스 마블 영화
NicoElNino / 게티 이미지
이 태그를 사용하여 줄 바꿈을 만듭니다.
줄 안에 공백을 만드는 방법을 배웠다면 줄 바꿈을 만들기 위해 줄 끝에 공백을 만드는 방법을 배우고 싶을 것입니다. 줄 끝에 줄 바꿈을 만들려면 '
' 나누기를 삽입하려는 위치에 이렇게 하면 커서가 줄 아래로 건너뜁니다. 줄 바꿈을 만드는 것은 문서나 온라인 HTML에서 좋은 아이디어입니다. 이 기술을 사용하지 않으면 너무 많은 행이 함께 작성되어 가독성이 떨어질 수 있습니다. 이는 사람들이 귀하의 콘텐츠를 즐겁게 읽기를 원하는 온라인 블로그 또는 웹사이트에서 특히 중요합니다.
Abscent84 / 게티 이미지
이 문자 태그를 사용하여 새 단락을 정의합니다.
때때로 HTML 문서 내에서 새 단락을 생성해야 할 때가 있습니다. 줄 바꿈과 마찬가지로 텍스트의 새 섹션을 설정하고 작업 모양을 정리하는 데 도움이 됩니다. 이렇게 하면 더 읽기 쉽고 탐색하기 쉽습니다.
새 단락을 만들어야 하는 경우 다음을 입력하십시오.
들여쓰기를 배치할 위치에 문자를 입력합니다. 이것은 콘텐츠를 만드는 동안 문서의 모양을 돕는 역할을 해야 합니다.
exdez / 게티 이미지
미리 형식이 지정된 텍스트 옵션을 사용하여 공백을 읽습니다.
Enter 키를 사용하여 만든 공백을 읽을 수 있도록 하려면 미리 형식이 지정된 텍스트 영역 앞뒤에 간단한 HTML 태그를 삽입하면 됩니다. 다음과 같이 태그 사이에 서식을 지정하려는 단어를 입력하기만 하면 됩니다. |_+_| 이렇게 하면 'Enter' 키를 사용하여 삽입한 모든 공백이 이 기술을 통해 표시됩니다.
welcomia / 게티 이미지
'엉성한 HTML'을 피하기 위해 다시 한 번 확인하십시오.
프로그래머가 HTML을 작성할 때 경험하는 문제 중 하나는 어디에 어떤 태그를 사용해야 하는지 명확하지 않다는 것입니다. 이것은 엉성한 HTML을 초래할 수 있고 페이지에 혼란을 줄 수 있습니다. 제출하거나 게시하기 전에 모든 HTML 코드와 태그를 다시 확인하기만 하면 이러한 문제를 피할 수 있습니다. HTML 내에서 탭, 공백 나누기, 적절한 문법, 구두점 및 기타 항목을 확인하십시오. 또한 HTML 태그, 'head' 태그 등으로 시작하여 태그 순서에 관한 HTML 규칙을 따르십시오.
mrPliskin / 게티 이미지
웹 페이지에서 텍스트를 정렬합니다.
HTML 코딩 언어를 사용하여 페이지를 생성할 때 HTML의 기본 요소는 중요합니다. 가장 기본적인 요소 중 하나는 페이지를 올바른 여백과 형식으로 정렬하는 것입니다. 그래픽 편집기에서 '왼쪽 정렬', '중앙 정렬' 또는 '오른쪽 정렬' 기능을 사용할 수 있습니다. 그렇지 않은 경우 HTML 코딩을 사용하여 텍스트를 정렬하려면 다음 태그를 포함해야 합니다.
왼쪽 정렬
위의 태그는 HTML 코딩 언어를 사용하여 왼쪽 정렬된 문서를 생성합니다.
Savushkin / 게티 이미지
게시하기 전에 HTML을 미리 봅니다.
일부 HTML 코더가 저지르는 한 가지 실수는 게시하거나 제출하기 전에 HTML을 미리 보거나 교정하지 않는다는 것입니다. 이로 인해 사용자 경험이 좋지 않은 오류가 발생할 수 있습니다. 이를 개선하려면 항상 HTML 미리 보기에서 코딩을 시도하거나 가장 먼저 볼 수 있는 위치에 게시하세요. 이렇게 하면 불규칙하거나 조잡한 HTML을 유발하는 코딩 오류를 피할 수 있습니다. 영화에서, 전쟁 게임 , 컴퓨터에 들어가기 위한 암호를 마침내 알아낸 주인공 매튜 브로데릭(Matthew Broderick)은 '그렇게 간단할 수 없다'고 말합니다. 사실 HTML을 코딩할 때 대부분의 문제를 일으키는 것은 태그나 문자를 생략하는 것과 같은 단순한 오류인 경우가 많습니다.
솔스톡 / 게티 이미지
HTML5를 배웁니다.
또 다른 팁은 HTML5를 배우려면 목록에 넣어야 한다는 것입니다. 여기에는 표준 HTML 언어의 많은 요소와 앱 개발 및 기타 애플리케이션에 사용되는 프로그래밍의 보다 현대적인 측면이 포함됩니다. HTML5를 배우면 웹 사이트, 블로그 또는 기타 온라인 응용 프로그램 및 프로그램을 코딩할 때 사용할 수 있는 더 많은 트릭이 있습니다.
릴리프 / 게티 이미지