HTML로 웹 페이지 및 글꼴 크기 꾸미기
초보 웹 디자이너는 웹 페이지의 텍스트를 디자인하는 방법을 알면 유용합니다. 여기에는 정렬, 색상, 글꼴 크기 등이 포함됩니다.
여러 태그가 서식과 연관되어 있습니다. 가장 일반적으로 사용되는 "p" - 단락. 여기에는 텍스트의 모양을 지정하는 선택적 매개 변수가 있습니다.
다음은 객체가 속한 클래스와 식별자를 결정하는 "class"및 "id"매개 변수입니다. 여기에는 "style"속성도 포함됩니다. - 그것은 내장 된 블록 스타일을 설정합니다. 이 모든 속성은 CSS와 관련이 있습니다. 아래에서 설명합니다.
태그 "p" 하나의 단점이 있습니다. 사용할 수 없습니다.글꼴의 모양 (예 : 색상 또는 크기)을 지정합니다. 이러한 목적을 위해 다른 태그, "글꼴"이 사용됩니다. 모든 매개 변수가 텍스트의 모양을 결정합니다.
다음 속성은 "얼굴"입니다. 글꼴 헤드셋을 정의합니다. 예를 들어, "Times New Roman"또는 "Tahoma"로 설정할 수 있습니다.
마지막으로, "size"매개 변수는 HTML의 글꼴 크기를 담당합니다. 크기는 숫자 값을 취합니다.
예를 들어 텍스트를 파란색으로 인쇄하고 15 번째 핀의 "Comic Sans MS"글꼴을 인쇄하려면 매개 변수로 태그 "p"를 정의해야합니다.
color = "# 6666ff"face = "Comic Sans MS"size = "15"
텍스트 속성을 HTML로 지정 - 글꼴 크기,헤드셋이 다소 불편합니다. 다른 텍스트 디자인으로 블록을 교체해야한다고 가정 해보십시오. 그런 다음 각 태그에 동일한 속성을 정의해야합니다. CSS 캐스 캐이 딩 스타일 시트를 사용하여 이것을 구현하는 것이 훨씬 더 편리합니다. 예를 들어 앞의 예제와 같은 디자인으로 "myclass"라는 그림 클래스를 만들려면 "style"태그에 다음 행을 추가합니다.
#myclass {font : rgb (102,102,255) "Comic Sans MS"15pt;}
여기서 "rgb (102,102,255)"는 색을 설정하고 "ComicSans MS "가 헤드셋이고"15pt "가 글꼴 크기 인 경우 이름과 글꼴 및 핀과 픽셀의 글꼴을 모두 설정할 수 있습니다 (예 :"20px "라고 씁니다).
이 디자인을 적용하려면 태그 "p"를 작성해야합니다.
class = "myclass"
다른 텍스트를 그리는 것과 같은 방법입니다. "class"매개 변수를 설정하는 것만으로 충분합니다. 사용하려는 클래스의 가치로
그리고 "myid"라는 이름으로 식별자를 생성하려면 "style"으로 작성해야합니다.
#myid {font : rgb (102,102,255) "Comic Sans MS"15pt;},
"p"태그에서 "myid"값으로 "id"속성을 설정하십시오.
클래스와 식별자는 거의 같습니다. 이 경우 하나의 태그를 첫 번째 또는 두 번째로 선언 할 수 있습니다.
class = "myclass"id = "myid"
외양을 변경하는 방법에는 두 가지가 있습니다.텍스트 - HTML 및 CSS. 하나 또는 두 개의 블록을 디자인해야하는 경우 HTML을 사용하십시오. 동일한 서식을 사용하는 여러 단락의 경우 CSS가 더 편리합니다.
보시다시피 HTML에서 글꼴 크기를 변경하는 것은 어렵지 않습니다. 프로그래밍에서 가장 중요한 것은 연습이므로 더 많이 훈련 시키면 성공할 것입니다!
</ p>
