18. HTML(3) figure/dl/table element

プログラミング

３こんばんは、日記18日目です。

今日やったこと

  • figure/figcapution element
  • dl/dt/dd element
  • table/tr/th/td element

figureの練習

figureのみ

An awesome picture

 

figure+figcaption

An awesome picture
フリー素材のロゴ

 

コードを表示する。(figcapionを上に置く)

Get browser details using a navigator 
        unction NavigatorExample() {
  var txt;
  txt = "Browser CodeName: " + navigator.appCodeName;
  txt+= "Browser Name: " + navigator.appName;
  txt+= "Browser Version: " + navigator.appVersion ;
  txt+= "Cookies Enabled: " + navigator.cookieEnabled;
  txt+= "Platform: " + navigator.platform;
  txt+= "User-agent header: " + navigator.userAgent;
}

 

引用するときにも使える

Success is the ability to go from failure to failure without losing your enthusiasm.
成功とは、失敗を重ねても、やる気を失わないでいられる才能である。

- Winston Churchill （ウィンストン・チャーチル） -

 

参考

MDN WEBDOCS https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figure