텍스트의 마크까지 HTML의 기본 (필수)

이 안내서의 목적은 HTML 마크업 언어의 문법이 좋은 웹 작가에 대한 사용중인 될 독자에게 설명하는 것입니다, 당신이 기본적인 규칙을 알고 웹상에서 텍스트를, 사실은 하이퍼 텍스트로 전환하는 것은 오직 자국의 마법 능력 덕분에 HTML 업이다, 우리는 각 웹 페이지의 기본 구조를 기억합니다.

이전 강의에서는 정렬, 글꼴 선택, 등등에 대해 얘기. 자사의 온라인 출판에 대한 텍스트 형식의 중요한을 만드는 방법, 아주 실용적인 방법으로, 어디 보자.

우리는 여기서 웹 페이지 (suggersico에 관심있는 사람을위한 구조의 분석을 생략 여기 읽기 ) 및 텍스트의 서식을 말하지.

제목

웹사이트의 제목은 콘텐츠와 헤더 태그 <TITLE> 내에서와 </ TITLE>, 헤더 태그 (H1, H2, H3, ..., h6) 이내에.
제목 자체는, 일반적으로, <h1> 및 </ H1>로 표시됩니다. 예 :

 



 <h1> 이것은 제목 </ H1>입니다

 

하위 제목은 <h2>와 </ H2> 내에 포함되어 있습니다. 예 :

 



 <h2> 이것은 하위 제목 </ H2>입니다

 

다른 제목은 (계층들을 아래) H3, H4, H5와 h6를 (높을수록 "H"를 다음 번호 제목의 중요성을 감소)를 사용하여 같은 방법으로 정의됩니다.

단락

일반적으로 HTML 페이지 내에 텍스트가 태그와 <P> 각각 열고 텍스트의 단락을 닫습니다 </ P> 사이에 포함되어 있습니다. 예 :

 



 <P>







 여기 내 텍스트를 ...







 </ P>

 

정렬 관리

단락 내에서 텍스트의 수평 정렬을하기 위해서는를 통해 스타일 시트 (CSS)를 사용해야합니다 속성을 텍스트 맞춥니다.
문제의 속성 네 값을 받아들입니다 :

• 왼쪽 (왼쪽 정렬, 기본)
• 오른쪽 (오른쪽 맞춤)
• 센터 (중앙 정렬)
• 정당화 (정렬 정렬)

여기 예제 :

 



 <p style="text-align:center">







 중심으로 텍스트의 ... 예 ...







 </ P>

 

굵게, 기울임꼴 및 밑줄

텍스트의 이러한 세 가지 측면은 <b> 태그 (굵게), <I> (이탤릭체) 및 <U> (밑줄)로 존경, 관리합니다. 예 :

 <b> 다운 Teso 굵게 </ b>







 <I> Teso 이탤릭체 </ I>







 <U> Teso은 </ U>를 밑줄

태그가 굵게의 <strong> 태그에 상응하는있다는 지적 가치 :

 



 <STRONG> Teso 굵게 표시된 </ strong>

 

<em> 사용 및 이탤릭체 태그 :

 



 <em> 사용 기울임 체로 Teso </ em>을

 

웹 링크를 추가

하이퍼 링크 (또는 더 일반적으로, 링크)은 <a>에서와 HREF 속성을 통해 삽입할 수 있습니다. Vedaimo 예 :

 



 <a href="http://www.sito.com/mario.html"> 마리오 페이지로 이동 </ A>

 

당신이 HREF 속성에서 볼 수 있듯이 연결된 텍스트를 클릭하면 열립니다 대상 페이지의 웹 주소에 지정됩니다.
분명히 nlla 모두가 아니라 텍스트보다는 이미지 (예제에서와 같이)에 연결 금지합니다.

이미지 삽입

이미지를 삽입하려면이 자체 URL을 유지 온라인으로 제공하는 것이 당연히 필요합니다.
이미지가 <img>이하는 데 사용됩니다 삽입하려면 :

 



 <img src="http://www.sito.com/foto.jpg"/>

 

당신이 볼 수 있듯이 src 특성은 우리의 이미지의 위치에 대한 참조가 포함되어 있습니다.

물론이 강의의 내용은 부분은 매우 간단하고 최소한을 나타냅니다. 그리고 '만이 우리가 정말 정확하고 완전한 우리의 콘텐츠 형식을 수있을 것이다 HTML과 CSS의 철저한 지식을 통해.

• <<이전 레슨
• 색인 도움말
• 다음 수업>>