More than 3 years have passed since last update.

反復で復習html(haml)の機能

Last updated at 2020-01-17Posted at 2020-01-17

1 / 2

hamlで今日までで学んだこと
以下、

html
haml

の順で書き換えをどんどん書く。

<h1>Messages#index</h1>

%h1 Messages#index

<div class="font-box">

.font-box

<span class="class_value1"></span>

.span.class_value1

fontAwesomeからアイコンを取得したい場合。

<i class="far fa-image"></i>

%i.far.fa-image

link_toメソッド

<a class="yahoo_link_btn" href="http://www.yahoo.co.jp/">Yahoo</a>

= link_to "http://www.yahoo.co.jp/", class: "yahoo_link_btn" do
  Yahoo

hamlはインデントがとても大事。
学んだらこれからも追記する予定。