CSSでtableが表になる。styleでtableの横幅を調節してみる。

URL Uniform Resource Locater

scheme://prefix.domain:port/path/filename

URLとは何ぞやってのが表になってたからlistとtableの復習兼ねて今日も写経に手を加える。

CSSのfloat辺りまで行かないとカッコいいweb pageにならないとHTML Layoutのページで知る。先は長いようだ。ハア～～～～

下書きをプレビューで見ると、何故かキレイになっててテンプレートで色々と書き換えられてることを知る。文明の利器ってスゲーと実感。30分格闘してた部分が1秒も掛かからずに修正されていた。何度かエディタで書いたのとプレビューを行き来してたら復活し汚い表が現れて少し嬉しくなった。自分で作った料理は上手いって感覚に近いと思う。:P

Scheme prefix

http

HyperText Transfer Protcol

https

Secure HyperTransfer Protcol

ftp

File Tranfer Protcol

CSSでtableに border-collapse:collapse; とborder:2px solid black;で表っぽくなる。横幅の指定をwidth:70%; で画面横幅７０％に。

Scheme	prifix
http	Hypertext Transfer protcol
https	Secure HyperText Transfer Protcol
ftp	File Transfer Protcol

styleで text-align:left; で文字左寄せ、width:100%;で画面横幅一杯に

Scheme	prifix
http	Hypertext Transfer protcol
https	Secure HyperText Transfer Protcol
ftp	File Transfer Protcol

th(table header)に対してそれぞれ8％ 20％と無理な数字を指定してみる。横幅の指定がないので横幅を１００％使ってしまう

Scheme	prifix
http	Hypertext Transfer protcol
https	Secure HyperText Transfer Protcol
ftp	File Transfer Protcol

画面の横幅50%使うようにwidth:50%; th(table header)に対してはschemeに20％prefixに80％使うように指定。

Scheme	prifix
http	Hypertext Transfer protcol
https	Secure HyperText Transfer Protcol
ftp	File Transfer Protcol

tableの横幅が50％では少し間延びした感があったので、45％ width:45%; で指定。th の scheme:prefix=20:80 20対80になるように指定するとちょうどいい感じになる。

Scheme	prifix
http	Hypertext Transfer protcol
https	Secure HyperText Transfer Protcol
ftp	File Transfer Protcol

All meta information goes before the body.

Save the document by pressing Ctrl + S

If you input wrong value, the program will returnError!

The code element does not preserve whitespase and line-breaks.

To fix this, you can put the code element insede a pre element:

x=5;y=6;z=x+y;

 
 x=5;
 y=6;
 x=x+y;
 

The var Element

var is abbreviation of variable.

Einstein wrote: E=mc²

Einstein wrote: E = mc₂

supは文字を上げる、subは文字を下げる。

HTML Entities

  non-breaking space,& ampersand & < less than ⩽ > greater then &gre; ," double quotaion mark &dub;,'single quotation mark (apostrophe) &,

combining diacritical mark

some diacritical marks, like grave(à) and acute(á) are called accents. There are entity number for diacritical marks. â ã ∀ ∂ ∃ &empy; ∇ ∈∉ ∏ ∑

HTML Symbols Page

! exclamation mark/$ dollar sign/# number sign/ & ampersand/ % percent sign/ 'apostrophe/( left parenthesis/
) right parethesis/ * astraisk/ + plus sign/ , comma / - hyphen-minus/

The @charset CSS Rule

you can use the CSS @charset rule to specify the character encoding used in a style sheet: @charset "UTF-8";