이것은 일반 텍스트이며 이것은 이탤릭체텍스트.

다음은 브라우저에서 코드가 표시되는 방식입니다.

차단하다 . 기울기

단락 및 제목과 함께 페이지의 또 다른 중요한 요소가 있습니다. 기울기. 이러한 요소는 모든 인터넷 사용자에게 친숙할 것입니다. 그것들은 포인트 단위로 무언가(목록)의 열거를 나타냅니다. 각 목록 항목 옆에는 일반적으로 채워진 원이 있습니다(이를 채점자목록).

목록은 태그로 생성됩니다.

, 태그를 포함해야 합니다.
• . 꼬리표 울목록 자체를 설정하고 태그에서 리목록 항목을 배치해야 합니다(즉, 하나의 li는 하나의 목록 표시자에 해당합니다). li 태그는 단독으로 사용할 수 없습니다. 예를 참조하십시오.
  • 목록의 첫 번째 항목입니다.
  • 목록의 두 번째 항목입니다.
  • 목록의 세 번째 항목입니다.

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  • 목록의 첫 번째 항목입니다.
  • 목록의 두 번째 항목입니다.
  • 목록의 세 번째 항목입니다.

  태그를 통해 생성된 목록 울, 호출된다 무질서한기울기. 이 이름은 또한 있기 때문에 그들에게 주어졌습니다. 주문점 표시 대신 숫자 표시가 있는 목록. ul 태그 대신 이러한 목록에는 태그가 있습니다.

  , 이러한 목록의 항목도 태그를 통해 생성됩니다. 리.

  태그를 사용하여 정렬된 목록을 만들어 봅시다. 올:

  1. 목록의 첫 번째 항목입니다.
  2. 목록의 두 번째 항목입니다.
  3. 목록의 세 번째 항목입니다.

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  1. 목록의 첫 번째 항목입니다.
  2. 목록의 두 번째 항목입니다.
  3. 목록의 세 번째 항목입니다.

  정렬된 목록의 편리함은 새 목록 항목을 어느 위치에나 삽입할 수 있다는 것입니다. 그러면 번호 매기기가 자동으로 다시 생성됩니다(즉, 수동으로 정렬).

  차단하다 . 연결

  연결인터넷을 인터넷으로 만드는 요소입니다. 링크를 클릭하면 사이트의 한 페이지에서 다른 페이지로 이동할 수 있습니다. 그것들이 존재하지 않았다면 인터넷은 서로 아무 관련이 없는 페이지들의 모음일 것입니다.

  phphtml.net 사이트에 링크합니다.

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  링크는 순수한그리고 상대적인, 또한 귀하의 사이트와 다른 사람의 사이트로 이어질 수 있습니다. 이런 힘든 순간은 글로 설명하기 보다는 직접 보여드리는 게 좋을 것 같아서 아래 영상을 준비했습니다. 그것을 보고 더 읽기로 진행하십시오:

  차단하다 . 영화

  이제 배치하는 방법을 알아 보겠습니다. 영상사이트의 페이지에 있습니다. 이것이 바로 태그의 목적입니다. , 필수 속성이 있습니다. src, 이미지 파일의 경로를 저장합니다.

  작동 방식, 다음 예를 살펴보겠습니다.

  

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  참고하세요 태그 닫는 태그가 필요하지 않습니다.

  차단하다 . 사진 형식의 링크

  링크텍스트뿐만 아니라 그림- 태그로 충분합니다. 태그를 넣다 , 다음 예에서와 같이. 그림을 클릭하면 phphtml.net 웹사이트로 연결되는 링크가 표시됩니다(나중에 책으로 돌아가려면 브라우저에서 "뒤로" 버튼 클릭):

  

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  차단하다 . 줄 바꿈

  예를 들어 두 단락을 나란히 만들면 어떻게 되는지 기억하십시오. 이 경우 각 단락에 있는 텍스트는 새로운윤곽.

  다음 예를 통해 이를 살펴보겠습니다.

  이것은 첫 번째 단락입니다.

  이것은 두 번째 단락입니다.

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  이것은 첫 번째 단락입니다.

  이것은 두 번째 단락입니다.

  그러나 한 단락을 갖고 싶지만 그 안의 일부 텍스트가 새 줄에서 시작하는 상황이 있습니다. 이것이 왜 필요할 수 있습니까? 예를 들어, 시를 입력하고 싶지만 각 줄을 별도의 단락으로 나누고 싶지는 않습니다. 이는 매우 논리적이지 않기 때문입니다.

  이렇게 하려면 줄 바꿈이 있어야 하는 위치에 태그를 작성합니다.
  . 이 태그는 특별하며 닫는 태그가 없습니다.

  다음 예제와 함께 어떻게 작동하는지 봅시다.

  이것은 텍스트의 첫 번째 줄입니다.
  그리고 이것은 두 번째 것입니다.

  다음은 브라우저에서 코드가 표시되는 방식입니다.

  이것은 텍스트의 첫 번째 줄입니다.
  그리고 이것은 두 번째 것입니다.

  차단하다 . HTML 주석

  거의 모든 프로그래밍 언어에는 "주석"과 같은 것이 있습니다.

  웹 페이지를 보다 보기 쉽게 만들기 위해 텍스트를 단락으로 나누고 제목을 강조 표시합니다. HTML에는 1에서 6까지 번호가 매겨진 6가지 수준의 문서 섹션 제목이 있습니다. 제목은 수준에 해당하는 번호가 있는 한 쌍의 태그로 선언됩니다. 예를 들면 다음과 같습니다.

  - 첫 번째 수준 섹션의 제목,
  - 여섯 번째 수준 섹션의 제목. 제목은 글자의 크기와 너비가 일반 텍스트와 다릅니다. 첫 번째 수준 제목 h1은 일반적으로 매우 큰 글꼴로 표시되는 반면 여섯 번째 수준 제목 h6은 매우 작게 표시됩니다.

  제목

  문서 섹션의 제목을 요소에 의해 정의된 이전에 논의된 문서 제목과 혼동하지 마십시오. .

  첫 번째 문장을 텍스트의 제목으로 사용합니다. 이렇게 하려면 태그로 제한하면 됩니다.

  그리고

  .

  other.html 파일의 텍스트에 태그 삽입

  그리고

  텍스트의 첫 번째 문장을 제한하고 이 코드 조각은 다음 형식을 취합니다.

  SD 회사 페이지에 오신 것을 환영합니다!

  획득한 결과를 살펴보자.

  메모장 프로그램 메뉴 명령 파일 - 저장(파일 - 저장)을 선택하여 파일을 저장합니다.

  디스크에서 컴퓨터의 RAM으로 파일을 로드하여 볼 수 있도록 파일을 열므로 문서를 보기 전에 항상 저장 작업을 수행해야 합니다. HTML 코드를 편집한 후 파일을 저장하지 않으면 브라우저에 구성이 표시되지 않습니다.

  작업 표시줄에서 해당 버튼을 클릭하여 브라우저 창을 복원합니다.

  프로그램 작업 창의 도구 모음에서 F5 버튼 또는 새로 고침 버튼을 누릅니다. other.html 파일이 다시 로드되고 브라우저 창에서 첫 번째 수준 제목이 어떻게 보이는지 볼 수 있습니다.

  h2, h3 등 태그의 숫자를 변경하여 다른 5개 레벨의 제목이 어떻게 보이는지 확인하십시오. 각 구성 후에는 파일을 저장하고 브라우저 창에서 이미지를 새로 고치는 것을 잊지 마십시오.

  실험이 끝나면 other.html 파일의 태그를 다시 복원합니다.

  .

  처분할 수 있는 6가지 수준의 제목 사용 HTML 언어, 직관적인 구조로 읽기 쉬운 문서를 만들 수 있습니다. 문서가 섹션과 하위 섹션으로 정확하게 구분되어 있으면 문서가 항상 훨씬 더 잘 읽힐 것이라는 점을 기억하십시오.

  제목 정렬

  기본적으로 제목은 페이지 왼쪽에 정렬됩니다. 그러나 오른쪽 정렬 또는 중앙 정렬도 가능합니다. 태그의 오른쪽 정렬용

  align="right" 속성이 사용되며 align="center"는 센터링에 사용됩니다. 왼쪽 정렬의 명백한 표시도 허용됩니다(align="left").

  태그에 추가

  align="center" 속성을 사용하여 제목을 중앙에 배치합니다. 이 요소는 다음 형식을 취해야 합니다.

  SD 회사 페이지에 오신 것을 환영합니다!

  앞으로는 파일을 보기 전에 초기 코드로 파일을 저장하고 브라우저에서 이미지를 업데이트해야 할 필요성을 상기시키지 않을 것입니다.

  HTML에서 텍스트를 굵게 만드는 방법

  이제 나머지 텍스트로 넘어 갑시다. 크기를 늘리고 텍스트를 굵게 기울임꼴로 만듭니다. 쌍을 이루는 태그는 굵은 스타일을 설정하는 데 사용됩니다. .

  other.html 열기 파일에 붙여넣기 그리고 폐쇄텍스트를 제한하도록 태그 여기에서 배우게 될 내용 ... 이 요소는 다음 형식을 취해야 합니다.

  HTML에서 텍스트를 기울임꼴로 만드는 방법

  기울임꼴은 태그를 사용하여 설정됩니다. .

  초기 코드에 HTML 태그 삽입 그리고편집된 요소가 다음 형식을 취하도록 합니다.

  여기에서 우리의 활동에 대해 배울 것입니다. 소프트웨어 제품우리 회사와 우리가 생산하는 장비에 대해

  마크업 요소는 이 구조에서와 같이 중첩될 수 있습니다. …요소에 중첩 …. 최신 브라우저중첩 태그를 올바르게 처리할 수 있습니다. 따라서 중첩 순서를 위반하지 않았는지 확인해야 합니다. 중첩이 끊어지면 브라우저가 방해를 받습니다. 예를 들어 다음은 올바르지 않습니다. …. 중첩은 HTML 코드 작성의 전반적인 문화에서 매우 기본적인 부분입니다.

  HTML에서 텍스트에 밑줄을 긋는 방법

  몇 개의 태그로 이러한 태그로 구분된 텍스트 조각의 밑줄이 있는 스타일을 설정할 수 있으며 한 쌍의 태그를 사용하여 - 텔레타이프 글꼴로 텍스트를 표시합니다.

  최근에 태그가 스타일을 사용하여 단순화하고 밑줄을 긋습니다. 동등한 . 예, 새로운 아날로그는 더 복잡해 보이지만 불행히도 더 사실입니다. 이 점에서 가장 중요한 점은 부피가 큰 변형이 브라우저 간, 즉 두 브라우저 모두에 적합하다는 것입니다. 모든 브라우저가 지원하는 것은 아닙니다.

  HTML에서 텍스트를 증가시키는 방법

  이제 텍스트의 글꼴 크기를 늘려 보겠습니다. 이것은 다양한 방법으로 수행할 수 있습니다.

  태그 그들 사이에 포함된 텍스트의 글꼴 크기를 늘립니다.

  위 코드의 시작 부분과 끝 부분에 각각 태그를 추가합니다. 그리고요소가 다음 형식을 취하도록 합니다.

  여기에서 우리의 활동, 우리 회사의 소프트웨어 제품 및 우리가 생산하는 장비에 대해 배우게 됩니다.

  태그 사용 초기 글꼴과 비교하여 텍스트 글꼴 크기를 줄일 수 있습니다.

  글꼴 크기를 지정하는 또 다른 방법은 태그를 사용하는 것입니다. 크기 속성으로. 1부터 7까지의 정수가 이 속성의 값으로 사용되며 이 경우 값 1은 다음과 같습니다. 가장 작은 크기글꼴이며 7의 값이 가장 큽니다.

  태그 대신 사용 태그 보기 , 크기 속성의 다른 값(1에서 7까지)에 따라 텍스트 글꼴 크기가 어떻게 변경되는지 확인하십시오.

  크기 속성 값으로 +(더하기) 또는 -(빼기) 기호와 함께 1에서 7까지의 숫자를 사용할 수도 있습니다. 이 경우 글꼴 크기는 태그와 같이 초기 크기와 비교하여 그에 따라 증가하거나 감소합니다. 현재 글꼴 크기와 비교하여 글꼴 크기가 한 단계 증가합니다. 확인하다.

  문제의 텍스트 조각에 대한 크기 속성 값으로 5를 설정합니다. . 이 부분의 HTML 코드는 다음과 같아야 합니다.

  여기에서 우리의 활동, 우리 회사의 소프트웨어 제품 및 우리가 생산하는 장비에 대해 배우게 됩니다..

  태그에서 color 속성을 사용하여 텍스트 태그로 구분된 글꼴 색상을 지정할 수도 있습니다. 이 속성의 값은 문서의 배경과 텍스트의 색상을 설명하는 이전에 논의된 속성과 동일합니다.

  기본적으로 Here You'll Know... 텍스트가 있는 단락은 왼쪽으로 정렬됩니다. 태그를 사용하여 가로 중앙에 배치

  . 태그를 사용하여 페이지의 오른쪽에 단락을 정렬할 수도 있습니다. 또는 왼쪽 - 태그 사용 .

  스틱 태그

  지정된 단락으로 제한합니다.

  태그를 사용하여 단락을 가운데에 배치했습니다.

  , 태그에 적용한 align="center" 속성과 달리
  .

  주목! 2010 태그의 경우 ,

  , , 더 이상 사용되지 않는 것으로 간주되므로 스타일의 유사체를 사용해야 합니다. 이것은 당신이 그것들을 사용할 수 없다는 것을 의미하지는 않지만 가능하다면 제거하십시오.

  =

  =

  =

  =

  =큰 금액확장 기능;">

  이 기사에서 설명할 수 없는 다른 사용되지 않는 태그도 많이 있으므로 이 문제에 대한 전문 웹 사이트에 즉시 익숙해지는 것이 좋습니다. 하지만 메인은 좀 더 높게 올렸어요

  선택 코드

  HTML 언어는 텍스트 조각의 글꼴 선택에 두 가지 접근 방식을 허용합니다. 한편, 텍스트의 특정 섹션에 있는 글꼴이 굵게 또는 기울임꼴이 될 수 있음을 직접 나타낼 수 있습니다. 즉, 이 실험에서와 같이 텍스트의 글꼴 스타일을 나타내는 것이 분명합니다. 반면에, 브라우저에서 해석할 스타일을 남겨둔 채 평소보다 더 멋진 일종의 논리적 스타일이 있는 것으로 텍스트를 표시할 수 있습니다. 이런 식으로 논리적 스타일은 텍스트 조각의 역할, 예를 들어 일반 텍스트와 비교하여 그 중요성이 크다거나 이 조각이 인용문이라는 사실을 보여줍니다. 자신의 작업에서 논리적 스타일을 정의하는 후속 태그를 사용할 수 있습니다. 작동 방식 확인 다른 브라우저.

  - 단어를 정의하는 데 사용됩니다. 텍스트는 기본적으로 기울임꼴로 표시됩니다.

  - 단어를 강조 표시하고 증폭합니다. 텍스트는 기본적으로 기울임꼴로 표시됩니다.

  - 기본적으로 이탤릭체로 표시되는 책, 영화, 공연 등의 제목을 강조 표시합니다.

  - 프로그램 코드 조각용. 고정 너비 글꼴로 디스플레이에 표시됩니다.

  - 사용자가 키보드에서 입력하는 텍스트에 사용됩니다. 다른 브라우저에서 다른 글꼴로 표시될 수 있습니다. 더 이상 사용되지 않는 태그.

  - 프로그램 메시지를 표시하는 역할을 합니다. 고정 너비 글꼴로 표시됩니다. 더 이상 사용되지 않는 태그.

  - 특히 중요한 조각의 경우. 일반적으로 굵게 강조 표시됩니다.

  - 텍스트 또는 단어가 문자 변수, 즉 다른 표현으로 대체될 수 있는 텍스트임을 나타내는 데 사용됩니다. 기본적으로 기울임꼴로 표시됩니다. 더 이상 사용되지 않는 태그.

  HTML 4.0 사양은 CSS Cascading Style Sheets 언어를 사용하여 텍스트 및 기타 부분의 스타일을 지정하는 고급 방법을 제공합니다. 스타일 시트는 웹 디자인 분야에서 큰 성과로 페이지의 모양을 개선하는 기능을 확장합니다. 스타일 시트를 사용하면 줄 간격, 들여쓰기, 텍스트 및 배경에 사용되는 색상, 글꼴 크기 및 스타일 등을 쉽게 정의할 수 있습니다. style 속성의 값으로 "property: value" 형식의 쌍이 사용됩니다. 예를 들어 섹션 제목을 설명하는 코드에서

  style="color: blue" 속성은 color 속성이 파란색으로 설정되도록 지정합니다. 즉, 첫 번째 수준 제목 텍스트는 파란색으로 표시되어야 합니다.

  스타일 정렬

  여기에서 배우게 될 단어로 시작하는 텍스트 조각의 스타일을 지정하기 위해 계단식 스타일 시트 언어를 사용하는 방법을 살펴보겠습니다.

  글꼴 두께를 지정하려면 font-weight 속성을 더 밝게(좁음), 굵게(굵게), 더 굵게(굵게) 값과 함께 사용합니다(예: style="font-weight: bold").

  기울임꼴 스타일을 정의하려면 값 italic과 함께 font-style 속성을 사용하십시오. 따라서 텍스트를 굵은 기울임꼴로 만들려면 style="font-weight: bold; font-style: italic"과 같은 스타일 속성을 찾아야 합니다. 참고: 특성은 임의의 순서로 배치할 수 있으며 세미콜론으로 구분해야 합니다.

  글꼴 크기를 지정하려면 font-size 속성을 사용해야 하며 그 값은 상대 또는 절대 값으로 지정할 수 있습니다. 상대값은 백분율이고 절대값은 포인트(pt), 픽셀(px), 센티미터(cm), 밀리미터(mm)입니다. 예를 들어:

  스타일="글꼴 크기: 200%"

  스타일="글꼴 크기: 16pt"

  스타일="글꼴 크기: 100px"

  상대 크기가 아닌 절대 크기를 지정하면 페이지를 보는 사용자가 비전 및 모니터 해상도에 따라 브라우저 메뉴 명령을 사용하여 글꼴 크기를 늘리거나 줄이는 기능을 박탈할 수 있습니다. 글꼴은 지정한 크기로만 표시됩니다. 따라서 글꼴 크기를 백분율로 지정하는 것이 좋습니다. 이 경우 글꼴 크기는 로 디자인되었을 때보다 표시된 백분율만큼 작거나 커집니다 HTML 도움말기본 태그.

  텍스트의 수평 정렬 방법을 결정하려면 다음을 사용하십시오. 텍스트 정렬 속성값은 왼쪽(왼쪽), 오른쪽(오른쪽), 가운데(중앙), 양쪽 맞춤(너비)입니다. 이런 식으로 Here you will learn ... 텍스트가 초기 및 중앙 정렬의 150% 크기로 굵은 이탤릭체로 형식이 지정되어야 함을 나타내려면 해당 스타일을 다음과 같이 찾아야 합니다.

  style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"

  이 속성을 태그에 적용합니다.<р>, 텍스트를 별도의 단락으로 표시할 수 있습니다.

  편집하다 HTML 요소, 텍스트 포함 여기에서 찾을 수 있습니다 ... 태그를 제거하여

  , , , 및 태그 삽입<р>그리고style 속성을 사용하여 이 요소가 다음 형식을 취하도록 합니다.

  <р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">여기에서 우리의 활동, 우리 회사의 소프트웨어 제품 및 우리가 생산하는 장비에 대해 배우게 됩니다.

  HTML 언어를 사용하면 다양한 방법스타일 디자인. 동시에 계단식 테이블 언어의 사용 CSS 스타일더 바람직합니다.

  기타 정렬 및 스타일 옵션

  우리는 스타일 시트 언어가 한 번만 사용되는 것을 보았습니다. 여기서 스타일 정의는 특별히 설명하는 요소의 태그 내에 배치됩니다.

  이것은 대부분의 표준에서 사용되는 style 속성을 사용하여 수행됩니다. HTML 태그. 그러나 CSS에는 다른 용도가 있습니다.

  표준 HTML에서 스타일 시트의 도입 없이 색상, 크기, 페이지에서의 위치 등과 같은 특정 매개변수를 요소에 할당하려면 한 페이지에 10페이지가 필요합니다. ki 서로 다르지 않은 부분입니다. 동일한 HTML 코드를 페이지에 10번 삽입해야 하므로 네트워크에서 파일 크기와 다운로드 시간이 늘어납니다.

  스타일시트는 보다 편안하고 경제적인 방식으로 작동합니다. 어떤 요소에 특정 기능을 지정하려면 먼저 이 요소의 윤곽을 잡고 이 설명을 스타일로 찾아야 하며 나중에는 적절하게 스타일을 지정하려는 요소가 설명된 스타일의 특성을 취해야 한다고 표시하면 됩니다. . 편안하지 않나요?

  또한 스타일 설명을 웹 페이지의 텍스트가 아닌 별도의 파일에 저장할 수 있습니다. 이렇게 하면 원하는 수의 웹 페이지에서 스타일 설명을 사용할 수 있습니다. 또 다른 관련 이점은 여러 페이지의 디자인을 변경하여 하나의 개별 파일에서 스타일 설명만 수정할 수 있다는 것입니다.

  또한 스타일 시트 언어를 사용하면 표준 HTML보다 훨씬 높은 수준에서 페이지의 글꼴 디자인 작업을 수행할 수 있습니다.

  에 현재 시간 CSS 언어에는 제어할 수 있는 HTML 부분에 대해 상당히 많은 옵션이 있습니다. "안전함"을 적용하여, 즉 가장 많은 수의 브라우저와 호환됩니다. CSS 요소- 글꼴 특성, 부분 및 배경 색상, 텍스트 및 테두리 특성 - 작업을 크게 촉진하고 텍스트 디자인 측면에서 웹 페이지를 더 매력적으로 만들 수 있습니다.

  꼬리표 HTML에서 텍스트를 기울임꼴로 표시합니다.

  HTML 태그 물리적 형식 지정 태그를 나타냅니다. 태그로 글꼴 스타일 변경 스타일리시하다.

  하다 HTML 텍스트이탤릭체는 태그를 사용하여 수행할 수도 있습니다. 이 경우 텍스트는 논리적으로 선택된 것으로 간주됩니다(의미에 따라), "밑줄이 그어진".

  HTML5 사양은 논리적 형식 지정 태그에 우선 순위를 부여할 것을 권장합니다. 중요한 텍스트 조각 - 태그, 악센트 - 태그, 부제목 - 태그, 텍스트 강조 표시 - 태그. 태그가 있는 텍스트를 기울임꼴로 표시 선택 항목의 문자가 논리적 형식 지정 태그와 일치하지 않는 경우에만 뒤따릅니다.

  모든 유형의 텍스트 선택은 다음 기사에 설명되어 있습니다.

  통사론

  기울임꼴로 된 텍스트

  브라우저에 표시

  사용 예 HTML 코드에서

  
  
  
  
  
  
  

  모든 사이트에 배치할 수 있는 일반 텍스트입니다. 다음은 기울임꼴로 된 텍스트입니다.