index html DOCTYPE html head titleMy Top Pagetitle

  • Slides: 20
Download presentation

基礎技術で制作した index. html <!DOCTYPE html> <head> <title>My Top Page</title> <link rel="stylesheet" href="index. css" media="screen"

基礎技術で制作した index. html <!DOCTYPE html> <head> <title>My Top Page</title> <link rel="stylesheet" href="index. css" media="screen" /> </head> <body> type="text/css" <h 1>ようこそ私のページへ</h 1> <p><a href="CU. html">中部大学紹介</a></p> <p><a href="PP. html">現代教育学部紹介</a></p> <p><a href="PJ. html">児童教育学科紹介</a></p> </body> </html>

基礎技術で制作した index. css body { background-color : #dfffff }

基礎技術で制作した index. css body { background-color : #dfffff }

index. css はそのまま body { background-color : #dfffff }

index. css はそのまま body { background-color : #dfffff }

画面を2分割したときのcss body { background-color: h 1 { text-align: center; background-color: yellow; } div. left

画面を2分割したときのcss body { background-color: h 1 { text-align: center; background-color: yellow; } div. left { position: top: left: width: background-color: h 2 { text-align: center; background-color: yellowgreen; } div. right { position: top: left: background-color: #cfffff; } absolute, 80 px; 1%; 24%; cyan; } absolute; 80 px; 26%; white; }