HTML5 디자인 및 수정_html5 튜토리얼 기술의 여러 페이지 예제 공유-H5 튜토리얼-php.cn

집

웹 프론트엔드

H5 튜토리얼

HTML5 디자인 및 수정_html5 튜토리얼 기술의 여러 페이지 예제 공유

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:46 PM

html5

HTML5의 새로운 의미 요소를 이해하고 익숙해지기 위한 가장 좋은 방법은 고전적인 HTML 문서를 예로 들어 HTML5의 새로운 요소로 이를 강화하는 것입니다. 다음은 변환하려는 페이지입니다. 페이지는 매우 간단하며 기사가 하나만 포함되어 있습니다.

ApocalypsePage_Original.html, 이것은 매우 표준화된 형식의 페이지이며 모든 스타일은 외부 스타일 시트에서 가져옵니다.

XML/HTML 코드클립보드에 콘텐츠 복사

>
<html lang="zh- CN">
<머리>
<메타 문자 집합="utf- 8">
<제목>지금의 종말제목>
<링크 rel="스타일시트" href="ApocalypsePage_Original.css">
머리>
<몸>
<div class="헤더" >
<h1>세상은 어떻게 끝날 수 있는가h1>
<p class="티저" >우리가 알고 있듯이 인생의 종말을 부르는 시나리오p>
<p class="작성자" >by Ray N. Carnationp>
div>
<div class="콘텐츠" >
<p><스팬 class="LeadIn">지금 당장span>, 아마도 기분이 꽤 좋을 것 같아요. 결국 선진국의 삶은 편하다<스팬클래스="style1">—span>아마도 기록된 모든 역사를 통해 일반 인간보다 더 편안했습니다.p>
<p>하지만 너무 우쭐대지는 마세요. 여전히 모든 것이 무너질 수 있는 끔찍한 방법이 많이 있습니다. 이 글에서는 우리가 가장 좋아하는 몇 가지 제품에 대해 알아봅니다.p>
<h2>마야 최후 심판의 날h2>
<p>회의론자들은 마야 달력이 단순히 새로운 5,126년 시대로 흘러가는 것이라고 제안합니다. 2012년 이후에는 실제로 종말을 예측하지 않습니다. 하지만 오래전에 죽은 마야인들이 사실상 다른 모든 것에 대해 틀렸다는 점을 감안할 때 우리가 왜 그들을 신뢰해야 합니까?p>
<h2>로봇 인수h2>
<p>뱀파이어 탈취나 생사 탈취만큼 무섭지는 않습니다. 로봇의 반란은 여전히 불안한 생각입니다. 우리는 이미 기술적 장치로 인해 수적으로 열세에 있으며 심지어 빌 게이츠조차도 그의 일본인 로봇 노예가 그를 발목으로 뒤집어 놓고 (적절하게 로봇 같은 목소리로) "이제 네 아빠는 누구야?"라고 묻는 날을 두려워하고 있습니다.< /피>
<h2>설명할 수 없는 특이점h2>
<p>우리는 우주가 어떻게 시작되었는지 모르기 때문에 알 수 없습니다. 그냥 끝나지는 않을 것입니다. 어쩌면 오늘, 그리고 아마도 반물질이 뿜어져 나오고 약간의 굉음이 나는 것보다 더 흥미로운 것은 없을 것입니다.p >
<h2>폭주하는 기후변화 h2>
<p>Al Gore의 파멸에 대한 예언은 여전히 실현될 수 있습니다. 만약 그렇다면 우리는 사나운 폭풍, 만연한 식량 부족, 그리고 무자비한 에어컨 수리공과 싸워야 할 수도 있습니다.p>
<h2>글로벌 전염병h2>
<p>언젠가는 치명적인 바이러스가 공격할 수 있습니다. 질병의 원인에 대해서는 예측이 다르지만 후보에는 아프리카 정글의 원숭이, 생물 테러리스트, 독감에 걸린 새와 돼지, 미래에서 온 전사, 외계 종족, 너무 많은 항생제를 사용하는 병원, 뱀파이어, CIA 및 세탁하지 않은 브뤼셀 콩나물. 출처가 무엇이든 분명히 나쁜 소식입니다.p>
div>
<div class="바닥글" >
<p class="면책조항" >이러한 종말론적 예측은 작성자의 견해를 반영하지 않습니다.p>
<p>
<a href="회사 소개. html">회사 소개a>
<a href="면책조항. html">면책조항a>
<a href="문의하기. html">문의하기a>
p>
<p>저작권 © 2014 p>
div>
몸>
html>