HTML 튜토리얼

XHTML 입문 학습 튜토리얼: XHTML 공통 태그_HTML/Xhtml_웹페이지 제작

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 04:44 PM

시작하기공부하다일반적으로 사용되는우리를지도 시간상표제목절웹페이지

기사와 마찬가지로 웹페이지에도 다양한 중요도를 지닌 명확한 단락과 제목이 필요합니다. 이 섹션에서는 제목, 단락 등의 기능을 구현하기 위해 XHTML에서 일반적으로 사용되는 태그를 소개합니다. 제목 태그

~

은

부터

까지의 태그를 사용할 수 있습니다. 해당 종료 태그는 각각

부터 까지이며, 글꼴 크기는

부터

까지 감소합니다. 중요성도 점차 줄어들었습니다. 브라우저는 자동으로 제목 위와 아래에 빈 줄을 추가합니다. 단락 태그

과

을 사용하여 단락을 정의합니다.

과

사이의 내용은 우리가 일반적으로 "자연 단락"이라고 부르는 것과 유사한 단락으로 인식됩니다. 제목과 마찬가지로 브라우저는 단락 시작 앞뒤에 공백 줄을 추가합니다. 줄바꿈 태그
(
)
다른 텍스트 줄을 시작하고 싶지만 다른 자연스러운 단락을 시작하고 싶지 않은 경우
태그를 사용할 수 있습니다.
태그도 빈 태그이므로 XHTML 요구 사항을 준수하려면 "/"를 추가해야 합니다. 가로 구분선 태그

(

)
가로 구분선을 구현한 태그는

입니다.
태그와 마찬가지로

도 XHTML 규칙을 준수하려면 "/"를 추가해야 합니다. (다음은 구분선입니다)

댓글
위에서 소개한 네 가지 태그를 적절히 사용하면 웹페이지를 탐색하는 사용자가 웹페이지의 계층 구조가 명확하다는 느낌을 받을 수 있고, 댓글을 통해 웹페이지의 소스 코드를 읽을 때 계층 구조가 명확하다는 느낌을 받을 수 있습니다. 혼란스러워. 사이의 내용은 주석의 내용으로 웹페이지에는 표시되지 않습니다. 아래 연습 예제에서 주석을 삽입하는 방법을 확인하세요. 연습예
이제 이전 섹션에서 저장한 웹페이지를 열고 이 섹션에서 배운 몇 가지 중요한 태그를 연습해 보세요. 에서 "This is my first webpage."를 제거하고 다음을 입력합니다.

서비스 공지

저는 이제 전국의 초등학생과 학부모님들께 다음과 같은 서비스를 제공하고 있습니다.

학생을 위한 서비스

겨울방학 숙제 대필 (수학은 틀리지 않는다는 보장도 없고, 맞다는 보장도 없습니다) 중국어 오타 금지. 영어 숙제는 다른 분을 찾아주세요)

4학년 이하 학생을 괴롭히는 것을 도우면 특별한 경우에 추가 요금이 부과됩니다.

부모님이 부모 역할을 도와드립니다.

VIP 서비스

세 가지 서비스를 모두 구매하시면 VIP로 자동 업그레이드됩니다. W3C의 XHTML 표준과 ISO2009~를 완벽하게 준수하는 개인 홈페이지를 무료로 만들어 드립니다.

변경 사항을 저장하고 웹페이지를 탐색하여 웹페이지가 이 페이지와 동일한지 확인하면 작업이 완료됩니다.

성명

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

관련 기사

HTML 태그와 HTML 속성의 차이점은 무엇입니까?May 14, 2025 am 12:01 AM

htmltagsdefinestructureofawebpage, whiletributesdfunctionalityanddetails.1) tags, andoutlinethecontent'splacement.2) agtributessuchassrc, class 및 styleenhancetagsbysingingimages ources, styling, and mormore, mormor, 개선.

HTML의 미래 : 진화와 트렌드May 13, 2025 am 12:01 AM

HTML의 미래는보다 의미적이고 기능적이며 모듈 식 방향으로 발전 할 것입니다. 1) 의미화로 인해 태그가 콘텐츠를보다 명확하게 설명하여 SEO 및 장벽없는 액세스를 향상시킵니다. 2) 기능화는 사용자의 요구를 충족시키기 위해 새로운 요소와 속성을 소개합니다. 3) 모듈화는 구성 요소 개발을 지원하고 코드 재사용 성을 향상시킵니다.

HTML 속성이 웹 개발에 중요한 이유는 무엇입니까?May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevelopmentforcontrollingbehavior, 외관 및 기능. 접근성, 접근성, andseo.forexample, thesrcattributeintagspactsseo, whike whike whike whike whike whike thercattributeintagspactsseo

ALT 속성의 목적은 무엇입니까? 왜 중요한가요?May 11, 2025 am 12:01 AM

ALT 속성은 HTML에서 태그의 중요한 부분이며 이미지에 대한 대체 텍스트를 제공하는 데 사용됩니다. 1. 이미지를로드 할 수 없으면 ALT 속성의 텍스트가 표시되어 사용자 경험을 향상시킵니다. 2. 스크린 리더는 ALT 속성을 사용하여 시각 장애가있는 사용자가 그림의 내용을 이해하도록 도와줍니다. 3. 검색 엔진 인덱스 텍스트 텍스트는 웹 페이지의 SEO 순위를 향상시키기 위해 ALT 속성의 텍스트를 색인 텍스트입니다.

HTML, CSS 및 JavaScript : 예제 및 실제 응용 프로그램May 09, 2025 am 12:01 AM

웹 개발에서 HTML, CSS 및 JavaScript의 역할은 다음과 같습니다. 1. HTML은 웹 페이지 구조를 구축하는 데 사용됩니다. 2. CSS는 웹 페이지의 모양을 아름답게하는 데 사용됩니다. 3. JavaScript는 동적 상호 작용을 달성하는 데 사용됩니다. 태그, 스타일 및 스크립트를 통해이 세 가지는 함께 현대 웹 페이지의 핵심 기능을 구축합니다.

태그에서 Lang 속성을 어떻게 설정합니까? 이것이 중요한 이유는 무엇입니까?May 08, 2025 am 12:03 AM

태그의 Lang 속성을 설정하는 것은 웹 접근성 및 SEO를 최적화하는 핵심 단계입니다. 1) 태그에 LANG 속성을 설정하십시오. 2) 다국어 컨텐츠에서는 다른 언어 부품에 대한 LANG 속성을 설정하십시오. 3) "en", "fr", "zh"와 같은 ISO639-1 표준을 준수하는 언어 코드를 사용하여 LANG 속성을 올바르게 설정하면 웹 페이지 및 검색 엔진 순위의 접근성을 향상시킬 수 있습니다.

HTML 속성의 목적은 무엇입니까?May 07, 2025 am 12:01 AM

htmlattributesearsentialforenhancingwebelements'functionalityandAmpearance.theyaddinformationTodeFineBehavior, 외관 및 간호, WebsITESITERACTIVE, RAPITIVE 및 VVESILLY -CAMENTION.ATTRIBUTESLIKESRC, HREF, 클래스, 유형 및 디스티브 트랜스포트

HTML에서 목록을 어떻게 만드나요?May 06, 2025 am 12:01 AM

ToCreateAlistInhtml, useUnorderEdListandForOrdLists : 1) forUnderedList, wrapitemSinanduseForeachitem, renderingasabulletedList.2) forOrderEdlists, useandfornumberedLists, useandfornumberedlists, useandfornumberedlists, useandfornumberedlists, withTheyPeatTributeFferentNumberingStyles.

See all articles