saya's-blog

森田ゼミ 5期生のゼミブログ

KATインターン④

今回は4回目のインターンでした!やっと慣れてきました。

まず、先週出された課題について、、

 

1.画像の挿入

katのフォルダの中にimgのファイルを作る。好きな画像をそのファイルの中にimageと名前をつけて保存。

 

ftpのサーバーの方にもimgファイルを作成する。

タグは、<img src="./img/imge.jpg">

大きさを変える場合は、上のタグの中にwidth="240px"height="180px"を入れる、 (数字は自由)

※画像が表示されない場合、確認したいこと

・ファイル名が間違っていないか、

・ファイルにきちんと画像が保存されているか

 

2. URLの挿入

<a href="URL">画面に表示したい文字</a>

 

※ URLの部分は、表示したいURLを入れる

 

 

今回、習った事

1.リストを作る

 

リストのタイプは2タイプある!

<ol><li><li></ol>  このタイプは

1.  

2.  と数字で表される。

 

<ul><li><li></ul>    これは、

・   と表示される

 

※ liタグには、閉じタグなし!

 

2.動画の挿入

共有、埋め込み、コードコピペの順で行う。bodyタグ内の好きな所に入れる。

 

3.人間が美しさを感じる比率

 

黄金比1:1.618

白銀日1:1.414

 

4.ブロック要素とインライン要素

 

ブロック要素とは、ページの内容をかくブロックに分けて表示するためのものである。インライン要素は、ブロック要素の中にあり、テキストや画像などを表示するためのタグである。

 

ブロック要素である<div>を多く使う事が主流であり、見えやすいページを作ることが出来る。

 

5.表をつくる

 

<tr> 行

<th>見出し

<td>セル (データなど)

 

1行で書きたいことは、<tr>で囲む。

全体像を把握するのが難しかったので調べてみました。

www.sejuku.net

 

まとめ

文字を表示するだけでも、色やサイズを指定などを行うため、初めの頃よりも打つコードが長くなってきました。ですが、長くて複雑に感じるコードもhtmlが基本入れ子構造という事をおさえれば、良いのだろうと感じました。

基本をしっかり押さえたいです。

 

また、私がミスをするときは基本、コードの見落とし、見間違えなので気をつけたいです。笑

 

次は、cssに入るらしい。全く分からないけど、楽しみです!