색상을 설정할 수 있는 글꼴 태그의 속성은 무엇입니까? 글꼴(얼굴, 크기 및 색상), Blockquote 및 Pre 태그는 순수 HTML(CSS가 사용되지 않음)의 레거시 텍스트 형식입니다. 이름으로
< 폰트 크기=… 색상=... 얼굴=...> 텍스트 폰트>
크기- 세트 글꼴 크기, FONT 요소 내에 포함된 텍스트에 사용됩니다. 1부터 7까지의 정수를 지정하여 절대 글꼴 크기를 지정할 수 있습니다. 글꼴의 경우 다음을 지정할 수도 있습니다. 상대적인 크기, 속성에 부호 있는 정수를 할당합니다(예: SIZE="+1" 또는 SIZE="-2").
색상- 나타내다 색상, 그러면 해당 텍스트가 강조표시됩니다. 색상은 16진수 표기법의 RGB 값으로 지정되거나 표준 색상 중 하나의 기호 값이 선택됩니다.
얼굴- 세트 글꼴 서체, 예: FACE=ARIAL.
텍스트 - 텔레타이프 텍스트(고정폭).
텍스트 - 기울임꼴 글꼴 스타일( 이탤릭체).
텍스트- 스타일 용감한폰트.
텍스트 유>- 스타일 밑줄을 긋다텍스트.
텍스트 빅>- 글꼴로 텍스트 인쇄 크기 증가(주변 텍스트보다 큼).
텍스트 작은>- 글꼴로 텍스트 인쇄 축소된 크기(주변 텍스트보다 작음)
텍스트 하위>- 아래쪽으로 이동하여 텍스트를 인쇄합니다( 아래 첨자또는 행간).
텍스트 섭>- 위로 이동하여 텍스트를 인쇄합니다( 어깨 기호또는 위 첨자).
텍스트
스트라이크>또는 <
에스>
…에스>
- 텍스트 취소선이 있는 스타일.
특수 HTML 태그
꼬리표< 주소> 문서 작성자와 주소(예: 이메일)를 강조하는 데 사용됩니다.
일부 캐릭터는 제어 문자 HTML로 되어 있으며 ESC 시퀀스를 통해서만 텍스트에 추가됩니다.
왼쪽 꺾쇠괄호 "<" - <
오른쪽 꺾쇠괄호 ">" ->
앰퍼샌드 "&" - &
큰따옴표 """ - "
의 경우 " ", 의 경우 "®"와 같은 특수 문자에 대한 ESC 시퀀스가 많이 있습니다. 특징 중 하나는 기호 테이블의 두 번째 부분(127번째 문자 이후)에 있는 문자를 전송용 이스케이프 시퀀스로 대체하는 것입니다. 텍스트 파일 7비트 채널의 자국어로.
ESC 시퀀스 대소문자 구분: 대신 사용할 수 없습니다<.
가장 일반적으로 사용되는 태그는 표 2에 나와 있습니다.
표 1.2 - HTML 문서 디자인을 위한 기본 태그
|
기인하다 |
기능 |
|
|
버전= 선 |
이 문서를 만드는 데 사용된 HTML 버전을 나타냅니다. |
|
|
태그로 묶인 텍스트는 기울임꼴로 표시됩니다. |
||
|
HEAD 태그 – HTML 문서의 헤드 부분에 대한 시작 및 종료 태그 |
||
|
꼬리표제목– 시작 및 끝 제목 태그HTML-문서 |
||
|
꼬리표ㅏ– 하이퍼링크를 생성할 수 있는 시작 및 종료 태그(속성)href) 또는 조각 식별자(속성이름) 제목HTML-문서 |
||
|
href= URL |
하이퍼링크의 대상 문서의 URL을 지정합니다(네임 앵커가 아닌 경우 필수). |
|
|
방법= 목록 |
브라우저별 표시 방법 목록을 지정합니다(쉼표로 구분). |
|
|
이름= 선 |
조각 식별자의 이름을 지정합니다(하이퍼텍스트 링크 앵커가 아닌 경우 필수). |
|
|
상대= 연결 |
이 문서와 대상 문서의 관계가 결정됩니다. |
|
|
회전= 연결 | ||
|
목표= 이름 |
링크가 나타내는 문서의 프레임 또는 표시 창 이름을 지정합니다. |
|
|
제목= 선 | ||
|
이 하이퍼링크에 대해 위치 독립적인 균일 자원 이름을 지정합니다. |
||
|
꼬리표주소– 이 태그 안에 포함된 텍스트는 주소입니다. |
||
|
꼬리표비– 이 태그 안에 포함된 텍스트는 굵게 표시됩니다. |
||
|
꼬리표베이스– 기본이 표시됩니다URL모든 친척들에게URL이 문서에서 |
||
|
기인하다 |
기능 |
|
|
href= URL |
기본 URL 지정 |
|
|
목표= 이름 |
모든 링크에 대한 기본 대상 창을 설정합니다. 문서에서. 주로 링크를 다른 프레임으로 리디렉션하는 데 사용됩니다. _blank, _parent, _self 및 _top의 네 가지 특수 값이 있습니다. |
|
|
꼬리표베이스폰트– 후속 텍스트의 글꼴 크기를 지정합니다. |
||
|
기인하다 |
기능 |
|
|
크기= 의미 | ||
|
꼬리표큰– 태그에 포함된 텍스트는 더 큰 글꼴 크기로 표시됩니다. |
||
|
꼬리표몸– 문서 본문의 시작 및 끝 태그 |
||
|
링크= 색상 |
문서의 활성 하이퍼텍스트 링크 색상 설정 |
|
|
배경= URL |
배경 이미지의 URL을 지정합니다 |
|
|
bgcolor= 색상 |
문서 배경색 설정 |
|
|
bg속성= 의미 |
만약에 의미고정과 같으며 배경 이미지가 문서 내용과 함께 스크롤되는 것을 방지합니다. (즉.2 이상) |
|
|
왼쪽 여백=평균 N아니요 |
문서의 왼쪽 여백 크기(픽셀 단위)를 설정합니다. (즉.2 이상) |
|
|
링크= 색상 |
문서에서 "방문하지 않은" 하이퍼텍스트 링크의 색상 설정 |
|
|
텍스트= 색상 |
문서의 일반 텍스트 색상 설정 |
|
|
상단 여백= 의미 |
문서의 위쪽 여백 크기(픽셀 단위)를 설정합니다. (즉.2 이상) |
|
|
vlink= 색상 |
문서에서 "방문한" 링크의 색상 설정 |
|
|
꼬리표BR– 현재 텍스트 스트림을 중단하고 다음 줄의 시작 부분부터 다시 시작합니다. |
||
|
기인하다 |
기능 |
|
|
이 속성 값(왼쪽, 오른쪽 또는 전체)으로 위치가 표시되는 개체의 "랩"을 설정합니다. 새 줄을 줄 바꿈하면 개체가 계속 표시되도록 텍스트가 배치됩니다. |
||
|
꼬리표센터– 태그로 묶인 텍스트를 중앙에 배치 |
||
|
꼬리표인용하다– 태그 안의 텍스트는 인용문입니다. |
||
|
꼬리표논평– 문서 본문에 주석을 달아주세요. 댓글은 모든 브라우저에서 볼 수 있습니다. 모든 브라우저에서 주석은 다음과 같이 표시됩니다. |
||
|
꼬리표DD– 요소에 대한 설명 부분을 설정합니다. 정의 목록 |
||
|
꼬리표DFN– 태그로 묶인 텍스트는 정의 형식으로 지정됩니다. |
||
|
꼬리표D.L.– 태그가 포함된 정의 목록 생성< dt> 그리고< dd> |
||
|
꼬리표D.T.– 정의 목록의 요소에 대해 설명 조건부 부분이 지정됩니다. |
||
|
꼬리표포함시키다– 문서에 포함된 개체를 설명할 수 있는 시작 및 끝 태그입니다. 삽입된 개체의 유형에 따라 아래 나열된 매개변수 외에 추가 매개변수가 포함될 수 있습니다. |
||
|
기인하다 |
기능 |
|
|
포함된 개체의 URL을 지정합니다. 이 속성은 필수입니다. |
||
|
키= N |
내장 객체가 차지할 영역의 높이를 지정합니다. |
|
|
이름= 이름 |
포함된 개체의 이름을 지정합니다. |
|
|
내장 개체가 차지할 영역의 너비를 지정합니다. |
||
|
꼬리표폰트– 태그에 포함된 텍스트의 크기, 색상 또는 서체 설정 |
||
|
기인하다 |
기능 |
|
|
태그에 포함된 텍스트의 색상을 설정합니다. |
||
|
얼굴=목록 |
태그된 텍스트의 서체 설정(쉼표로 구분된 목록에 나열된 첫 번째 글꼴 이름 설정) |
|
|
크기= 의미 |
기본 글꼴 크기를 설정합니다. 범위 - 1에서 7까지 |
|
|
꼬리표Hn– 태그로 묶인 텍스트는 레벨 제목을 나타냅니다.N. 가능한 값N– 1부터 6까지 |
||
|
기인하다 |
기능 |
|
|
정렬= 유형 |
제목 정렬 방법을 지정합니다: 왼쪽(기본값), 가운데 또는 오른쪽(오른쪽) |
|
|
꼬리표HR– 현재 텍스트 스트림을 중단합니다. 중단점에 가로 눈금자가 삽입됩니다. |
||
|
기인하다 |
기능 |
|
|
정렬= 유형 |
눈금자를 정렬하는 방법(왼쪽, 가운데(기본값) 또는 오른쪽)을 지정합니다. |
|
|
눈금자를 표시할 때 체적 음영을 사용하지 마십시오. |
||
|
눈금자 두께를 정수 픽셀로 설정 |
||
|
너비= 의미 | ||
|
꼬리표나– 태그 안의 텍스트는 기울임꼴로 표시됩니다. |
||
|
꼬리표IMG– 이미지가 현재 텍스트 스트림에 삽입됩니다. |
||
|
기인하다 |
기능 |
|
|
Alt= 텍스트 |
이미지를 지원하지 않는 브라우저에 대한 대체 텍스트를 설정합니다. |
|
|
테두리= N |
하이퍼링크에 포함된 이미지 테두리의 두께(픽셀 단위)를 설정합니다. |
|
|
포함된 비디오 클립에 대한 재생 컨트롤 추가 (즉.2 이상) |
||
|
Dynasrc= URL |
세트URL-이미지화할 비디오 클립의 주소( 즉. 2 이상) |
|
|
높이= N |
이미지 높이를 픽셀 단위로 설정합니다. |
|
|
Hspace= N |
너비가 다음과 같은 여유 공간 영역의 이미지 왼쪽과 오른쪽 배치를 설정합니다. N픽셀 |
|
|
태그 내에서 이 태그를 사용할 때를 나타냅니다. 이미지는 마우스를 사용하여 선택됩니다 |
||
|
루프= 의미 |
영상 재생 반복 횟수를 설정합니다. 의미정수 또는 무한일 수 있습니다 (즉.2 이상) |
|
|
최저 소스= URL |
브라우저가 먼저 로드해야 하는 저해상도 이미지로 지정됩니다. 그 다음에는 속성으로 지정된 이미지가 옵니다. |
|
|
재생할 이미지의 소스 URL을 지정합니다. 이 속성은 필수입니다. |
||
|
시작= 시작 |
비디오 클립을 재생할 시점을 지정합니다(옵션: fileopen 또는 mouseover). |
|
|
사용맵= URL |
마우스 움직임에 민감한 이미지 영역을 지정합니다. |
|
|
V공간= N |
이미지 위와 아래의 npixel 여유 공간 영역 배치를 지정합니다. |
|
|
이미지의 너비를 픽셀 단위로 지정합니다. |
||
|
꼬리표KBD– 태그로 묶인 텍스트는 문자 단위로 입력됩니다(키보드로 입력할 때와 동일). |
||
|
꼬리표링크- 제목에서 (< 머리 >) 문서의 경우, 이 문서에서 다른 문서로의 링크가 결정됩니다. |
||
|
기인하다 |
기능 |
|
|
href= URL | ||
|
방법= 목록 |
브라우저에 따라 이 링크에 대한 표시 방법 목록을 설정합니다(쉼표로 구분). |
|
|
상대= 연결 |
이 문서와 대상 문서의 관계가 결정됩니다. Internet Explorer 3.0의 경우 rel=style은 외부 스타일 시트가 있음을 의미합니다. |
|
|
회전= 연결 |
단호한 피드백데이터가 포함된 대상 문서 |
|
|
문서 형식을 지정하는 데 사용될 외부 스타일 시트의 URL을 지정합니다( 즉.2 이상) |
||
|
제목= 선 |
대상 문서의 제목을 설정합니다. |
|
|
유형= 텍스트/CSS | ||
|
위치와 관계없이 대상 문서에 대해 범용 리소스 이름이 지정됩니다. |
||
|
꼬리표지도– 마우스 움직임에 민감한 이미지 영역이 결정됩니다. |
||
|
기인하다 |
기능 |
|
|
이름= 선 |
이 영역의 이름을 지정합니다. 이 속성은 필수입니다. |
|
|
꼬리표NOBR– 태그 안의 텍스트에는 줄바꿈이 허용되지 않습니다. |
||
|
꼬리표피– 단락 시작 및 끝 태그 |
||
|
정렬= 유형 |
단락의 텍스트 정렬 방법(왼쪽, 가운데 또는 오른쪽)을 설정합니다. |
|
|
꼬리표일반 텍스트– 문서의 나머지 부분을 처리되지 않은 상태로 미리 서식이 지정된 텍스트로 표시하도록 지정합니다. |
||
|
꼬리표PRE– 태그 안에 포함된 텍스트는 다음과 같이 표시됩니다. 처리 없이 정확한 줄바꿈과 간격으로 사전 형식화한 방법 |
||
|
브라우저는 (가능한 경우) n 문자가 줄에 맞도록 텍스트를 배치합니다. |
||
|
꼬리표에스 |
||
|
꼬리표샘프– 태그 안의 텍스트는 템플릿입니다. |
||
|
꼬리표작은– 태그 안의 텍스트는 글꼴로 표시됩니다. 더 작은 크기 |
||
|
꼬리표스페이서– 문서에 구분 기호를 삽입합니다.(오직N3) |
||
|
유형= 유형 |
구분 기호 유형이 지정됩니다: 수직 - 텍스트의 두 줄 사이에 지정된 크기의 빈 공간 영역이 배치됩니다. 가로 - 단어 또는 문자 사이에 지정된 크기의 빈 공간 영역이 배치됩니다. 블록 - 직사각형 영역 삽입 |
|
|
가로 구분 기호의 너비 또는 세로 구분 기호의 높이를 픽셀 단위로 지정합니다. |
||
|
블록 구분 기호의 너비를 지정합니다 |
||
|
키= N |
블록 구분 기호의 높이를 지정합니다. |
|
|
정렬= 의미 |
주변 텍스트를 기준으로 블록 구분 기호를 정렬하는 방법을 지정합니다. |
|
|
꼬리표기간– 태그로 묶인 텍스트는 스타일 시트를 사용하여 서식이 지정됩니다.(오직즉.3 이상) |
||
|
기인하다 |
기능 |
|
|
스타일= 강요 |
스타일 시트 요소는 주어진 간격 내의 텍스트에 대해 지정됩니다. |
|
|
꼬리표스트라이크– 태그로 묶인 텍스트는 취소선으로 표시됩니다. 수평선 |
||
|
꼬리표보결– 태그로 묶인 텍스트는 아래 첨자로 표시됩니다. |
||
|
꼬리표저녁을 먹다– 태그 안에 포함된 텍스트는 위 첨자로 표시됩니다. |
||
|
꼬리표TT– 태그로 묶인 텍스트는 고정폭 글꼴로 표시됩니다. |
||
|
꼬리표VAR– 태그 안의 텍스트는 변수의 이름을 나타냅니다. |
||
이 튜토리얼에서는 마지막 태그 속성을 살펴보겠습니다. , 텍스트의 색상을 설정합니다. 기본적으로 텍스트는 흰색 배경에 검은색으로 표시됩니다. 하기 위해 HTML에서 텍스트 색상 변경, 태그의 색상 속성을 적용해야 합니다. :
색상을 설정하려면 이름을 지정하세요(예: 빨간색, 녹색, 파란색). 작은 예를 살펴보겠습니다.
녹색 텍스트
빨간색 텍스트
보라색 텍스트
브라우저에서 결과를 확인해 보겠습니다.
첫 번째 문단의 텍스트는 녹색으로 바뀌고, 두 번째 문단은 빨간색으로, 세 번째 문단은 보라색으로 바뀌었습니다. 총 16개의 기본 색상 이름과 130개의 추가 색상 이름이 있습니다. 전체 목록 HTML 색상표에서 볼 수 있는 색상입니다.
이러한 색상 표시 방법은 매우 간단하지만 매우 제한적입니다. 따라서 HTML 코드의 색상을 변경하기 위해 해시 기호(#) 다음에 16진수 숫자를 사용하는 경우가 많습니다. 예를 들면 다음과 같습니다.
이 명칭을 사용하면 1,600만 가지가 넘는 색상과 그 색조를 얻을 수 있습니다! 사이트에서 제공되는 색상 코드를 사용하거나 Photoshop의 색상 팔레트를 사용하여 색상 코드를 얻을 수 있습니다. 예제를 보고 다음 코드를 작성해 보겠습니다.
녹색 텍스트
빨간색 텍스트
보라색 텍스트
파일을 저장하고 결과를 살펴보겠습니다.
보시다시피 텍스트를 첫 번째 예와 동일한 색상으로 설정했습니다. 여기서는 16진수 체계를 사용했습니다. 즉, 색상을 HEX 형식으로 설정했습니다.
이제 HTML에서 텍스트 색상을 변경하는 방법을 배웠으며 수업이 끝나면 모든 태그 속성을 반복하는 것이 좋습니다. , 글꼴, 크기 및 색상과 같은 여러 매개 변수를 텍스트에 한 번에 설정합니다. 예를 적어보세요:
텍스트 글꼴, 크기 및 색상 설정
텍스트 글꼴, 크기 및 색상 설정
표준 글꼴 크기 및 스타일(서체)을 사용하는 것 외에도 특수 태그를 사용하여 각 텍스트 조각에 대한 글꼴을 정의할 수 있습니다. 가장 쉬운 방법은 소위를 사용하는 것입니다. 신체적 스타일:
각 물리적 스타일 태그에는 해당 스타일의 추가 적용을 비활성화하는 해당 닫는 태그가 있습니다. 예를 들어 태그의 경우 닫는 태그는.
아래는 예제 프로그램과 모습다양한 신체적 스타일:
<НЕАD><ТIТLЕ>물리적 스타일
<В>용감한
이탤릭체
스트레스
지워진
<ТТ>타이프라이터
<ВХ1>굵은 이탤릭체
<ВХ1><и>굵은 이탤릭체 밑줄
쌀. 649. 신체적 스타일
제목 태그 안에 물리적 스타일 태그를 삽입하여 제목 전체 또는 일부만 수정할 수 있습니다. 예를 들어 제목으로 정의된 텍스트 부분을 기울임꼴로 표시하려면 다음 구성을 사용할 수 있습니다.
<НЕАD><ТIТLЕ>물리적 및 논리적 스타일
<Н2>이것 - 수정됨두 번째 수준 헤더
쌀. 650. 제목 일부의 글꼴 스타일 변경
특수 태그 사용
텍스트 이미지의 글꼴을 사용자 정의할 수 있습니다. 서체, 크기, 색상을 설정하세요. 먼저, 문서에 기본적으로 사용되는 기본 글꼴의 크기를 설정할 수 있습니다. 기본 글꼴 태그의 형식은 다음과 같습니다.
꼬리표
글꼴 서체를 설정하려면 태그를 사용하십시오.
. 예를 들어:
이 태그가 문서에서 사용되지 않으면 브라우저는 기본 설정에 설정된 글꼴을 사용합니다. 따라서 사용자 화면의 텍스트는 상상했던 것과 전혀 다르게 보일 수 있습니다. 또한, 지정한 글꼴이 사용자의 컴퓨터에 설치되어 있지 않은 경우 브라우저는 기본 글꼴로 텍스트를 표시한다는 점도 명심해야 합니다.
태그에서 할 수 있습니다
쉼표로 구분된 글꼴 목록을 나타냅니다. 이 경우 브라우저는 발견된 첫 번째 글꼴을 사용합니다. 예를 들어 다음과 같이 태그를 작성할 수 있습니다.
FACE="아리알, 산세리프, 택배">
일반적으로 유사한 글꼴이 목록에 지정됩니다. 가장 많이 사용되는 글꼴을 할당하는 것이 좋습니다. 페이지에 배치할 때 텍스트 정보글꼴 이름을 전혀 지정하지 않는 것이 좋습니다. 표준 설정브라우저. 그러나 페이지를 디자인할 때 표준 브라우저 설정을 사용하여 텍스트에 대한 인식과 사용자의 가능한 인식을 동기화해야 합니다. 결국 당신은 자신을 위한 페이지가 아닌 독자를 위한 페이지를 만들고 있는 것입니다.
태그에 COLOR 속성 사용
글꼴 색상을 설정할 수 있습니다.
COLOR 속성 인수는 색상 코드(빨간색, 녹색, 파란색 구성 요소, 즉 RGB 구성 요소)를 16진수로 표현한 것입니다. 다음 프로그램은 글꼴 관리를 보여줍니다.
<НЕАD><ТIТLЕ>글꼴 설치
<Р>아리아 글꼴 ABVGDEZHIK
<Р>택배 글꼴 ABVGDEZHIK
<Р>글꼴 기호 ABVGDEZHIK
쌀. 651. 다양한 글꼴 사용
태그에 참고하세요 가능한 속성 중 일부 또는 전부를 사용할 수 있습니다. 예를 들어:
안에 수학 공식, 각주에는 위치(약간 높거나 낮음)와 크기가 본문과 다른 색인이 자주 사용됩니다. 태그는 이러한 용도로 사용됩니다. 그리고 상위 및 하위 인덱스에 대해 각각.
<НЕАD><Т1ТLЕ>인덱스/NEAD>
<НЗ>인덱스 사용 예
<Р>(5+x 2)x+3
ㅏ 1+a 2+a 3
<Р>각주 2
쌀. 832. 위 첨자와 아래 첨자 사용하기
위에서 설명한 것 외에도 추가 텍스트 서식 지정 태그가 있습니다.
전화 번호;- <СIТЕ> - 따옴표 강조 표시;
,- 프로그램 텍스트, 기호 상수 기록- - 키보드에서 텍스트를 입력합니다.
마지막 세 가지 스타일은 고정 폭 글꼴(일반적으로 Courier)을 사용합니다. 예를 들어 고정 폭 글꼴의 문자 I와 Ж는 동일한 공간을 차지합니다. 고정 폭 글꼴을 사용하는 이유는 공백 문자를 사용하여 텍스트를 쉽게 정렬할 수 있기 때문입니다.
한 가지 점을 더 언급해 보겠습니다. 논리적 스타일 태그와 같은 글꼴 제어 태그에는 다음 속성이 포함될 수 있습니다. TITLE= "문자열", 이 태그 내부의 텍스트에 도구 설명을 첨부할 수 있습니다. 속성 인수 제목힌트 문자열입니다. 강조 표시된 단어나 문구 위에 마우스를 올리면 포인터 옆에 도구 설명이 나타납니다. 이 기술을 사용하면 약어를 해독하고 사용자에게 추가 설명과 권장 사항을 제공할 수 있습니다.
꼬리표 크기, 색상, 서체 등 글꼴 특성을 변경하기 위한 컨테이너입니다. 이 태그는 여전히 모든 브라우저에서 지원되지만 더 이상 사용되지 않는 것으로 간주되므로 스타일을 위해 사용을 중단하는 것이 좋습니다.
통사론
텍스트
닫는 태그
필수의.
옵션
색상 텍스트 색상을 설정합니다. 얼굴 글꼴 서체를 지정합니다. size 일반적인 단위로 글꼴 크기를 설정합니다.예시 1: 태그 사용
피이 문장의 첫 글자는 Arial 글꼴로 작성되었으며 빨간색으로 강조 표시되고 크기가 확대되었습니다.
태그 매개변수 설명
색상 매개변수
설명
컨테이너 내부의 텍스트 색상을 설정합니다. .
통사론
...
인수
색상 값은 두 가지 방법으로 설정할 수 있습니다.
1. 이름으로
브라우저는 이름별로 일부 색상을 지원합니다.
2. 16진수 값 기준
16진수는 색상을 지정하는 데 사용됩니다. 16진법은 10진법과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 숫자는 다음과 같습니다: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10부터 15까지의 숫자는 라틴 문자로 대체됩니다. 16진법에서 15보다 큰 숫자는 두 숫자를 하나로 결합하여 구성됩니다. 예를 들어, 10진수 255는 16진수 FF에 해당합니다. 숫자 체계를 결정할 때 혼동을 피하기 위해 해시 기호 #을 16진수 앞에 배치합니다(예: #666999). 빨간색, 녹색, 파란색의 세 가지 색상은 각각 00에서 FF까지의 값을 가질 수 있습니다. 따라서 색상 기호는 세 가지 구성 요소 #rrggbb로 나누어집니다. 여기서 처음 두 기호는 색상의 빨간색 구성 요소를 나타내고 중간 두 개는 녹색, 마지막 두 개는 파란색을 나타냅니다.
CSS와 유사함
기본값
브라우저의 기본 색상입니다.
얼굴 매개변수
설명
얼굴 매개변수는 텍스트에 사용되는 글꼴 서체를 지정하는 데 사용됩니다. 여러 글꼴 이름을 쉼표로 구분하여 나열할 수 있습니다. 이 경우 지정된 첫 번째 글꼴을 찾을 수 없으면 브라우저는 목록의 다음 글꼴을 사용합니다.
통사론
...
인수
쉼표로 구분된 글꼴 이름의 수에는 제한이 없습니다. 범용 글꼴 계열:
serif - Times와 같은 세리프 글꼴(골동품);
산세리프(sans-serif) - 산세리프 글꼴(세리프나 산세리프가 없는 글꼴), 대표적인 대표적인 글꼴이 Arial입니다.
필기체 - 이탤릭체;
판타지 - 장식용 글꼴;
고정 폭 - 고정 폭 글꼴, 이 계열의 각 문자 너비는 동일합니다.
CSS와 유사함
기본값
브라우저의 기본 글꼴입니다.
크기 매개변수
설명
1에서 7 사이의 임의 단위로 글꼴 크기를 지정합니다. 기본적으로 사용되는 평균 크기는 3입니다. 글꼴 크기는 절대값(예: size="4" ) 또는 상대값(예: , 크기="+1" , 크기="-1" ). 후자의 경우 크기는 기본 크기에 비해 변경됩니다. 글꼴 크기는 지정된 크기 매개변수뿐만 아니라 글꼴 서체 선택의 영향을 받습니다. 따라서 Arial 글꼴은 Times 글꼴보다 크게 보이고 Verdana 글꼴은 Arial 글꼴보다 약간 더 크게 보입니다. 글꼴과 크기를 선택할 때 이 기능을 고려하세요.
꼬리표 폰트크기, 색상, 서체 등 글꼴 특성을 변경하기 위한 컨테이너입니다. 이 태그는 여전히 모든 브라우저에서 지원되지만 더 이상 사용되지 않는 것으로 간주되므로 스타일을 위해 사용을 중단하는 것이 좋습니다.
통사론
텍스트
닫는 태그
필수의.
옵션
색상 - 텍스트 색상.
얼굴 - 텍스트 글꼴.
크기 - 글꼴 크기.
예 1: FONT 태그 사용
피이 문장의 첫 글자는 Arial 글꼴로 빨간색으로 확대되어 작성됩니다.
결과
이 문장의 첫 글자는 Arial 글꼴로 빨간색으로 확대되어 작성됩니다.
FONT 태그 매개변수에 대한 설명
색상 매개변수
설명
FONT 컨테이너 내부의 텍스트 색상을 설정합니다.
통사론
...
인수
색상을 설정하려면 두 가지 방법이 사용됩니다. 첫 번째는 16진수 코드로 색상 지정을 사용하고 두 번째는 일부 색상의 이름을 사용합니다. 16진수 체계를 기반으로 한 방법이 가장 보편적이므로 주로 사용됩니다. 십진법은 프레젠테이션에서 더 일반적이지만 CSS에서만 사용됩니다.
16진법은 10진법과 달리 이름에서 알 수 있듯이 숫자 16을 기반으로 합니다. 숫자는 다음과 같습니다: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C, D, E, F. 10부터 15까지의 숫자는 라틴 문자로 대체됩니다. 표는 10진수와 16진수 사이의 대응을 보여줍니다.
| 소수 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16진수 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | ㅏ | 비 | 씨 | 디 | 이자형 | 에프 |
16진법에서 15보다 큰 숫자는 두 숫자를 하나로 결합하여 구성됩니다. 예를 들어, 숫자 255 십진법 16진수 숫자 FF에 해당합니다. 숫자 체계를 결정할 때 혼동을 피하기 위해 해시 기호 #을 16진수 앞에 배치합니다(예: #666999).
일반적인 색상은 다음과 같습니다.
#FA8E47>텍스트
배경색은 #FA8E47로 설정되어 있습니다. 숫자 앞에 해시 기호 #이 있으면 16진수임을 의미합니다. 처음 두 자리( 파.) 색상의 빨간색 구성 요소를 결정하고 세 번째부터 네 번째까지의 숫자( 8E) - 녹색, 마지막 두 자리 ( 47 ) - 파란색. 최종 결과는 이 색상이 됩니다.
| 파. | + | 8E | + | 47 | = | FA8E47 |
빨간색, 녹색, 파란색의 세 가지 색상은 각각 00에서 FF까지의 값을 가질 수 있으므로 총 256가지 음영이 생성됩니다. 따라서 RGB 모델에서 색상 조합의 수는 256 x 256 x 256 = 16,777,216이 될 수 있습니다.
CSS와 유사함
색상
기본값
브라우저의 기본 색상입니다.
예시 2: 텍스트 배경색
결과
얼굴 매개변수
설명
얼굴 매개변수는 텍스트에 사용되는 글꼴 서체를 지정하는 데 사용됩니다. 여러 글꼴 이름을 쉼표로 구분하여 나열할 수 있습니다. 이 경우 지정된 첫 번째 글꼴을 찾을 수 없으면 브라우저는 목록의 다음 글꼴을 사용합니다.
통사론
...
인수
쉼표로 구분된 글꼴 이름의 수에는 제한이 없습니다. 범용 글꼴 계열:
serif - Times와 같은 세리프 글꼴(골동품);
산세리프(sans-serif) - 산세리프 글꼴(세리프나 산세리프가 없는 글꼴), 대표적인 대표적인 글꼴이 Arial입니다.
필기체 - 필기체 글꼴;
판타지 - 장식용 글꼴;
고정 폭 - 고정 폭 글꼴, 이 계열의 각 문자 너비는 동일합니다.
CSS와 유사함
글꼴 모음
기본값
브라우저의 기본 글꼴입니다.
예 3: 글꼴 변경
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismodtincidunt ut lacreet dolore magna aliguam erat volutpat.
결과
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismodtincidunt ut lacreet dolore magna aliguam erat volutpat.
크기 매개변수
설명
1~7 사이의 임의 단위로 글꼴 크기를 지정합니다. 기본적으로 사용되는 평균 크기는 3입니다. 글꼴 크기는 절대값(예: size=4) 또는 상대값(예: size)으로 지정할 수 있습니다. =+1, 크기=-1 ). 후자의 경우 크기는 기본 크기에 비해 변경됩니다. 글꼴 크기는 지정된 크기 매개변수뿐만 아니라 글꼴 서체 선택의 영향을 받습니다. 따라서 Arial 글꼴은 Times 글꼴보다 크게 보이고 Verdana 글꼴은 Arial 글꼴보다 약간 더 크게 보입니다. 글꼴과 크기를 선택할 때 이 기능을 고려하세요.
통사론
...
인수
1에서 7까지의 정수 또는 + 및 - 기호를 사용하여 값을 위아래로 변경합니다.
CSS와 유사함
글꼴 크기
기본값
3
예 4: 텍스트 크기
글꼴 크기 1
글꼴 크기 2
글꼴 크기 3
글꼴 크기 4
글꼴 크기 5
글꼴 크기 6
글꼴 크기 7
결과
글꼴 크기 1
글꼴 크기 2
글꼴 크기 3
글꼴 크기 4
글꼴 크기 5
글꼴 크기 6
글꼴 크기 7
