HTML(Hypertext Markup Language)은 웹 사이트를 디자인하고 개발하는 데 사용되는 프런트 엔드 언어입니다. HTML은 정적 또는 동적 웹 페이지를 디자인하는 데 사용되는 모든 언어의 기본 언어입니다. HTML에는 디자인에 필요한 많은 기능이 있습니다. 태그의 도움으로 꺾쇠 괄호로 작성된 명령을 사용하여 웹 페이지를 디자인합니다. HTML을 사용하면 텍스트, 이미지 또는 텍스트 편집기(예: Microsoft Word)와 같은 기타 요소를 만들거나 편집할 수 있습니다. HTML의 내용은 텍스트, 이미지, 색상, 디자인 등입니다. 디자인은 텍스트를 장식하는 역할을 하기 때문에 매우 중요한 부분입니다. 텍스트를 기울임꼴로 만드는 것은 텍스트를 디자인하는 한 가지 예입니다. 이 요소는 사용자의 관심을 강조하거나 유도하는 데 중요합니다. 이 자습서에서는 일부 예를 강조 표시합니다.
필수 필수품
HTML은 웹사이트를 디자인하고 개발하기 위해 두 가지 도구가 필요합니다. 하나는 html 코드를 작성하는 데 필요한 텍스트 편집기입니다. 메모장, 메모장++, sublime, Visual Studio 등과 같이 액세스할 수 있는 모든 텍스트 편집기가 될 수 있습니다. 두 번째는 컴퓨터의 브라우저, Google 크롬, 인터넷 익스플로러 등입니다. 이 기사에서는 메모장과 구글 크롬. 정적 페이지를 디자인하려면 HTML이 필요하고 CSS 스타일 시트의 스타일을 지정해야 합니다. 이들 각각은 이 가이드에서 예제와 함께 사용됩니다.
HTML 형식
기울임꼴 텍스트의 디자인을 설명하려면 먼저 html 코드를 이해해야 합니다. HTML 코드는 두 부분으로 구성됩니다. 하나는 머리 부분이고 다른 하나는 몸입니다. 머리 부분에 제목을 포함합니다. 이 제목 이름은 실제로 페이지의 제목입니다. 내부 스타일링도 헤드 바디 내부에서 이루어집니다. 본문에는 텍스트, 이미지 및 색상 등과 관련된 다른 모든 태그가 포함되어 있지만 html 페이지에 추가하려는 내용은 html 코드의 본문 부분에 작성됩니다.
< HTML >
< 머리 >...</ 머리 >
< 신체 >….</ 신체 >
</ HTML >
아래 이미지는 HTML의 샘플 코드입니다. 헤드 부분에 제목 이름이 쓰여진 것을 볼 수 있습니다. 동시에 태그를 사용하여 html 본문에 단락을 추가했습니다.
. 그러면 body 태그와 html 태그가 닫힙니다.
이 샘플의 출력은 브라우저에서 볼 수 있습니다. 제목 이름이 html 코드의 헤드에서 선언한 탭 이름에 표시되는 것을 볼 수 있습니다.
HTML에는 본문 내부에 작성된 모든 태그에 대해 여는 태그와 닫는 태그가 있습니다. 코드가 열리면 그 사이에 텍스트를 작성한 후 닫아야 합니다. 태그는 슬래시로 닫힙니다. 그런 다음 코드가 메모장 파일에 저장됩니다. 한 가지 명심해야 할 점은 코드를 저장할 때 텍스트 편집기의 파일을 html 확장자로 저장해야 한다는 것입니다. 예: sample.html. 그러면 파일이 이 용도로 사용 중인 현재 브라우저의 아이콘과 함께 저장되었음을 알 수 있습니다.
이것이 html로 디자인한 배경이었다. 이제 간단한 예제를 사용하여 텍스트를 기울임꼴로 만듭니다.
실시예 1
메모장 파일을 가져와서 이 가이드의 앞부분에서 설명한 대로 간단한 html 코드를 작성합니다. 본문 부분에 두 줄의 단락을 추가합니다. 텍스트를 기울임꼴로 만듭니다. 태그 사용 기울임꼴로 표시하려는 단어의 시작 부분에
< NS > ......</ NS >텍스트를 기울임꼴로 표시하는 태그입니다. 아래 이미지에서 볼 수 있듯이, 는 시작 부분에 쓰여진 여는 태그이고 닫는 태그입니다. 본문과 html을 닫습니다.
이제 파일을 저장하고 브라우저에서 실행하여 파일의 출력을 확인합니다.
출력에서 우리가 코드에서 기울임꼴로 만든 문장은 기울임꼴 형식인 반면 첫 번째 문장은 일반 형식으로 나타나는 것을 관찰할 수 있습니다.
실시예 2
이 예에서는 텍스트의 전체 문장 대신 특정 단어를 이탤릭체로 만듭니다. 여는 태그와 닫는 태그는 문장에서 텍스트를 기울임꼴로 만들고 싶은 곳마다 전체 단락에서 사용됩니다.
이제 다시 한 번 파일을 저장한 다음 브라우저에서 실행합니다. 텍스트의 일부 특정 부분이 코드에서 기울임꼴로 만들고자 하는 기울임꼴 형식임을 알 수 있습니다.
실시예 3
사용하는 것 외에도 텍스트에 태그가 있는 경우 텍스트를 기울임꼴로 만드는 또 다른 방법이 있습니다. 이것은 텍스트의 일부를 강조하는 접근 방식입니다. 이 태그에는 여는 태그와 닫는 태그도 있습니다. 사용되는 구문은 ;
< ~에 >….</ ~에 >텍스트는 두 태그 사이에 작성됩니다. 이 예에서는 단락에서 이 태그를 두 번 사용했습니다. 아래에 배치된 코드의 이미지를 보자.
두 문장 모두에서 우리는 단락에서 한 번. 출력은 브라우저 형식의 html 파일을 실행하여 얻습니다.
실시예 4
이것은 기울임꼴로 단어를 표시하기 위해 다른 접근 방식을 사용한 예입니다. 그것은 본문에서 의 사용을 의미합니다. 이 예에서는 이 태그를 html 본문에 작성된 전체 텍스트에 적용했습니다.
< 인용하다 > ......</ 인용하다 > 
모든 태그를 닫은 후 브라우저에서 파일을 실행합니다.
실시예 5
지금까지 텍스트의 인라인 스타일에 대해 논의했습니다. 기울임꼴 형태의 텍스트를 만드는 것은 텍스트의 스타일과 디자인을 의미하기도 합니다. 스타일링은 3가지 종류가 있습니다. 하나는 인라인, 두 번째는 내부, 세 번째는 외부입니다. 인라인 스타일은 태그 내에서 수행됩니다. 내부는 머리의 몸 안에 기록됩니다. 그리고 외부 스타일링은 확장자가 .css인 다른 파일에서 수행됩니다.
이것은 인라인 CSS의 예입니다. 여기에서 단락의 태그 안에 코드를 작성했습니다. style 문을 font-style로 이탤릭체로 선언했습니다. 이 문은 태그 내부에 작성되었으므로 위 이미지에서 볼 수 있듯이 닫는 태그가 없습니다. 이제 모든 태그를 닫고 브라우저에서 실행합니다. 우리가 원하는 것과 같은 결과를 보여줍니다.
< NS 스타일=만들다-스타일: 기울임꼴;> 
실시예 6
인라인 이후에 이제 내부 스타일의 예를 추가합니다. 여기서 머리 부분 안에 클래스가 추가됩니다. 그런 다음 클래스 이름은 html 본문의 단락 태그 안에 선언됩니다. 쉽게 접근할 수 있도록.
< 머리 >< 스타일 >
.에게{
만들다-스타일: 기울임꼴;
}
</ 스타일 ></ 머리 >
클래스가 dot 메서드로 초기화된 것을 볼 수 있습니다. 코드에는 두 개의 단락이 있습니다. 우리는 그 중 하나에 이 스타일을 적용했습니다. 따라서 한 단락의 형식을 지정할 때 유용합니다.
단락 내부의 클래스 선언은 다음과 같습니다.
< NS 수업=>< NS 수업='에게'>
이렇게 하면 헤드의 클래스에 액세스할 수 있습니다. 이제 출력을 보십시오. 단락 중 하나가 기울임꼴 형식임을 알 수 있습니다.
결론
이 문서는 기울임꼴 형식의 텍스트 서식을 나타냅니다. 텍스트 디자인은 웹 페이지 디자인의 필수적인 부분입니다.