Q&A
ちょっと何が問題なのか分かりません。
HTMLタグだってただの文字列なので「そのように書いてみる」だけではないのでしょうか。
webページの作成で図のように表示させたいのですが
まず縦にdivタグを3つ並べ中央のdivタグのな内部にさらに左右に２つのdivタグを入れたいのですが
divタグの中にdivたぐを入れる方法が分かりません。教えていただければ幸いです。
html
1<!doctype html> 2<html> 3 <head> 4 5 <meta charset="utf-8"> 6 <title> web</title> 7 <link rel="stylesheet" type="text/css" href="css/kadai5.css"> 8 9</head> 10<body> 11 12 <div class="title"> 13 TiTle 14 </div> 15 16 17 18 19 20 21 <div class="article"> 22 画像の説明 23 </div> 24 25 26 <div class="footer"> 27 28 </div> 29 30 </body> 31</html> 32 33 34
css
1 2div.title{ 3 width:980px; 4 height:90px; 5 background-color: mediumseagreen; 6 text-align:left; 7 font-size:80px; 8 font-family:"impact"; 9 margin-top:20px; 10 padding: 10px 0px 0px 20px; 11} 12div.article{ 13 width:1000px; 14 height:1000px; 15 background-color: bisque; 16 text-align:center; 17 font-size:15px; 18 font-family:"impact"; 19} 20div.footer{ 21 width:1000px; 22 height:50px; 23 background-color: cadetblue; 24 text-align:right; 25 font-size:40px; 26 font-family:"impact"; 27 margin-top:20px; 28} 29span.menuitem{ 30 31 display:inline-block; 32 width:200px; 33 height:50px; 34 background-color: cornsilk; 35 font-size:30px; 36 font-family:"impact"; 37 border:5px dotted blue; 38} 39span.image1{ 40 display:inline-block; 41 width:250px; 42 height:200px; 43 background-color: black; 44 color:white; 45} 46 47span.image2{ 48 display:inline-block; 49 width:650px; 50 height:200px; 51 background-color :black; 52 color:white; 53} 54 55} 56 57コード
回答1件
0
ベストアンサー
html
1<div> 2 <div> 3 </div> 4</div>
こういうことですか？
HTML要素は、要素によって入れ子できる・できないのルールは存在しますが、
基本的には、このように、入れ子が可能です。
投稿2020/12/18 16:31
総合スコア9555
あなたの回答
tips
プレビュー
