웹 프론트엔드 HTML 튜토리얼 HTML 언어 분석: 조판 마크업

HTML 언어 분석: 조판 마크업

Dec 15, 2016 pm 01:12 PM

<--주석-> ;


>: ▲상위
많은 컴퓨터 언어와 마찬가지로 HTML 파일도 주석 기능을 제공합니다. 브라우저는 이 태그(여러 줄일 수 있음)의 텍스트를 표시하지 않고 무시합니다. 일반적인 사용 목적:
향후 수정을 용이하게 하기 위해 텍스트의 다른 부분에 설명을 추가합니다.
이는 더 복잡하거나 비공개인 웹 페이지에 특히 중요합니다. 이는 자신에게 상기시킬 뿐만 아니라 동료에게도 이 부분이 무엇인지, 저 부분이 무엇을 하는지 상기시켜 줍니다.
예:

는 저작권 표시로 사용됩니다.
다른 사람이 귀하의 웹페이지를 사용하거나 복사하는 것을 원하지 않으면 경고를 추가할 수 있습니다.
예:

: ▲상단

를 단락 기호라고 합니다. 기능: 단어, 그림, 표 등 사이에 빈 줄을 두세요.
원래

는 단락의 시작과 끝 부분에 표시되는 닫는 태그이지만 HTML 2.0부터는

가 필요하지 않습니다.

의 공통 매개변수: 예:


align="center"
선택 값: 오른쪽, 왼쪽, 가운데.
기본값: align="left"
예: 소스 코드 여기에 내 단락의 텍스트가 있습니다. 길이가 얼마나 되는지,
단어 사이에 공백이 몇 개 있는지 또는 언제 누르기로 결정했는지는 중요하지 않습니다.
다른 태그로 시작하는 경우에만 새 단락이 생성됩니다.

다음 단락은 다음과 같습니다.
내 단락의 텍스트는 다음과 같습니다. 길이가 얼마나 되는지, 단어 사이에 공백이 몇 개 있는지 또는 Return 키를 누르기로 결정하면 다른 태그로 태그를 시작할 때만 새 단락이 생성됩니다.
다음 단락은 다음과 같습니다.


: ▲Top

을 개행 표시라고 합니다. 기능: 단어, 그림, 표 등을 다음 줄에 표시합니다.
브라우저는 소스 코드의 공백과 줄바꿈을 자동으로 무시하므로
는 가장 일반적으로 사용되는 태그 중 하나입니다. 소스 코드에 아무리 아름답게 컴파일한 기사라도 줄 바꿈이나 단락 표시를 적절하게 추가하지 않으면 브라우저는 이를 하나의 큰 단락으로만 표시하기 때문입니다.
오류 예: (우체국에서는 한 줄 주소를 허용하지 않습니다.) 소스 코드 566 E Boston Post RD
Mamaroneck NY 10543-9982
미국
결과 566 E Boston Post RD Mamaroneck NY 10543 -9982 미국

올바른 예: 소스 코드 566 E Boston Post RD

Mamaroneck NY 10543-9982

미국
결과 566 E Boston Post RD
Mamaroneck NY 10543-9982
미국


: ▲Top

을 수평선이라고 합니다. 기능: 수평선을 삽입합니다.

매개변수 수정:

를 예로 들어 보겠습니다.
align="LEFT"
왼쪽, 오른쪽, 세 가지 설정 중에서 선택할 수 있습니다.
size="2"
선 두께를 픽셀 단위로 설정합니다. 기본값은 2입니다.
width="70%"
절대값(픽셀 단위) 또는 상대값으로 선 길이를 설정합니다. 기본값은 100%입니다.
color="#0000FF" "IE에만 적용 가능"
선 색상을 설정합니다. 기본값은 검정색입니다. #0000FF는 파란색을 나타내며 색상 이름, 즉 text="blue" 를 사용할 수도 있습니다.
noshade
선이 평면적으로 표시되도록 설정합니다. 삭제하면 그림자나 입체감을 갖게 됩니다. 이것이 기본값입니다.
예: 소스 코드







결과 표시
--- - ------------------------------------------------- - ------------
--------- - ------------------------------------------------- - ---------
------------------------- --- ----------------
-- --- ---------------------------------- --- ----------

: ▲Top
중심 표시 . 기능: 단어, 그림, 표 등을 중앙에 표시합니다.
이 태그는 원래 Netscape에서 정의되었으며 나중에 다른 브라우저에서도 지원됩니다. 그러나 이미 align="CENTER" 매개변수가 있는 것을 볼 수 있습니다. 실제로는 여전히 중복되는 태그입니다. 사용된 태그는 간단하고 사용하기 쉬우며 align="CENTER" 매개변수가 있는
태그를 지원합니다.
예: 소스 코드
Chris의 첫 홈페이지

새로운 소식

내 프로필

새로운 소식
내 프로필

: ▲Top
을 기본 형식 태그라고 합니다. 기능: 소스코드 배열에 따라 파일을 표시합니다. 
이 태그를 사용하면 공백을 보존하고 소스 코드에 입력한 결과를 반환할 수 있습니다. 이 마크업의 힘을 이해하려면 다음 예를 자세히 살펴보십시오. 여러 개의 테이블 태그를 사용하는 대신 이 태그를 사용해야만 이 효과를 얻을 수 있습니다.
 태그를 사용하여 효과를 내거나 공백을 두 줄 이상 생성할 수 있으면 가장 좋습니다! 

위 내용은 HTML 언어 분석 및 레이아웃 마크업 내용입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!


본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. 크로스 플레이가 있습니까?
1 몇 달 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

& lt; Progress & Gt의 목적은 무엇입니까? 요소? & lt; Progress & Gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:34 PM

이 기사는 HTML & lt; Progress & Gt에 대해 설명합니다. 요소, 그 목적, 스타일 및 & lt; meter & gt의 차이; 요소. 주요 초점은 & lt; progress & gt; 작업 완료 및 & lt; meter & gt; Stati의 경우

& lt; datalist & gt의 목적은 무엇입니까? 요소? & lt; datalist & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:33 PM

이 기사는 HTML & LT; Datalist & GT에 대해 논의합니다. 자동 완성 제안을 제공하고, 사용자 경험을 향상시키고, 오류를 줄임으로써 양식을 향상시키는 요소. 문자 수 : 159

& lt; meter & gt의 목적은 무엇입니까? 요소? & lt; meter & gt의 목적은 무엇입니까? 요소? Mar 21, 2025 pm 12:35 PM

이 기사는 HTML & lt; meter & gt에 대해 설명합니다. 범위 내에 스칼라 또는 분수 값을 표시하는 데 사용되는 요소 및 웹 개발의 일반적인 응용 프로그램. & lt; meter & gt; & lt; Progress & Gt; 그리고 Ex

뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? 뷰포트 메타 태그는 무엇입니까? 반응 형 디자인에 중요한 이유는 무엇입니까? Mar 20, 2025 pm 05:56 PM

이 기사는 모바일 장치의 반응 형 웹 디자인에 필수적인 Viewport Meta Tag에 대해 설명합니다. 적절한 사용이 최적의 컨텐츠 스케일링 및 사용자 상호 작용을 보장하는 방법을 설명하는 반면, 오용은 설계 및 접근성 문제로 이어질 수 있습니다.

& lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? & lt; iframe & gt; 꼬리표? 보안을 사용할 때 보안 고려 사항은 무엇입니까? Mar 20, 2025 pm 06:05 PM

이 기사는 & lt; iframe & gt; 외부 컨텐츠를 웹 페이지, 공통 용도, 보안 위험 및 객체 태그 및 API와 같은 대안을 포함시키는 태그의 목적.

HTML은 초보자를 위해 쉽게 배우나요? HTML은 초보자를 위해 쉽게 배우나요? Apr 07, 2025 am 12:11 AM

HTML은 간단하고 배우기 쉽고 결과를 빠르게 볼 수 있기 때문에 초보자에게 적합합니다. 1) HTML의 학습 곡선은 매끄럽고 시작하기 쉽습니다. 2) 기본 태그를 마스터하여 웹 페이지를 만들기 시작하십시오. 3) 유연성이 높고 CSS 및 JavaScript와 함께 사용할 수 있습니다. 4) 풍부한 학습 리소스와 현대 도구는 학습 과정을 지원합니다.

HTML, CSS 및 JavaScript의 역할 : 핵심 책임 HTML, CSS 및 JavaScript의 역할 : 핵심 책임 Apr 08, 2025 pm 07:05 PM

HTML은 웹 구조를 정의하고 CSS는 스타일과 레이아웃을 담당하며 JavaScript는 동적 상호 작용을 제공합니다. 세 사람은 웹 개발에서 의무를 수행하고 화려한 웹 사이트를 공동으로 구축합니다.

HTML의 시작 태그의 예는 무엇입니까? HTML의 시작 태그의 예는 무엇입니까? Apr 06, 2025 am 12:04 AM

anexampleStartingtaginhtmlis, whithbeginsaparagraph.startingtagsareessentialinhtmlastheyinitiate rements, definetheirtypes, andarecrucialforstructurituringwebpages 및 smanstlingthedom.

See all articles