HTMLのタグについて<前編>
こんにちは!あいりすです。
最近メンターさんにwebサイトの模写の課題を出していただきました。
また、サルワカのhtml・cssの記事も読みながら勉強していきます!
htmlのタグについて
htmlって、タグとか要素とかプロパティ(←CSSw)とかいろいろあって、全部を紐づけて覚えるのってなかなか大変じゃないですか?
わたしは5ヶ月くらい勉強してますが、htmlは少しは書けるようになりましたがどれが要素でどれが〇〇、などはほとんど覚えてないです←
<h1>あいうえお</h1>
例えばh1タグなら上記のように記述します。
この場合は「あいうえお」と表示されますね。
このタグとタグの中身を全てまとめて、要素と呼びます。
また、タグの中にさらにタグを入れて、そのさらに中にタグを入れる、のようなことを「入れ子構造」と呼び、
タグの種類によって、中に書いていいタグ、悪いタグがあります!
また、
<タグ名 ○○ = "○○">~</ >
この赤い部分に記述したものは「属性」と呼ばれます。
◎headタグに記述するもの
話が急に飛ぶのですが、headタグに記述する代表的なものの説明をしたいと思います!
・検索エンジン向けの情報
SEOに関係してくるみたいですがわたしには今はあまり必要ないので割愛。
検索エンジンはheadタグの中身を読んで、良いサイトだとか判断するようです。
・CSSの読み込みファイルの指定
hrefの後に、CSSファイルを入力します。
<link rel="stylesheet" href="sample.css">
・<title></title>
タブ部分に表示されるタイトルを指定します。
・<meta>
ここで文字コードを指定します。
<meta charset = "utf-8">
他にもファビコンやScriptタグなどを埋め込みます。
ファビコンとは、タブ部分に表示される小さいアイコンのことです。
近々やってみたいと思います!
すこし長くなったので後編に続きます。
参考記事:
自己紹介・学習状況など
こんにちは!あいりすと申します。
フロントエンドエンジニアを目指して独学を始めて、ちょうど5ヶ月くらいになります。
今まで勉強してきたものは、
html・cssがメインで、10月くらいからいろいろな言語やフレームワークを中途半端にかじって回っています。w
最近はJavaScriptを書けるようになりたいので本を見て勉強したり、
html・cssもタグの使い分けなどがまだまだで、cssもカオスなのでメンターさんに課題を出してもらいながら勉強しているところです!
フレームワークにも興味があり、勉強会に行った時にReactを勧められたのですが日本語の公式ドキュメントがないため難しく、悲しいですが現時点では保留…
JavaScriptがもう少し理解できて書けるようになったらvue.jsやnuxt.jsを勉強していこうと思っています!
あとは言語などではないですがXDで自分のオリジナルサイトのフレームワークを作って、それを元にコーディングしたりもしていました。
自分がデザインしたものが形になっていくのはすごく楽しいのですが、こだわりが強くてまったくすすみませんw
わたしについてのことなのですが、
高校卒業後に就職した会社でもともと現場作業をしていましたが事務(総務)に異動し、現在に至ります。
今年で社会人2年目なので、なにか資格を取ろう!勉強しよう!と思っているうちに気がついたらプログラミングを勉強していました。
中学時代の話ですが趣味は多岐にわたります
イラストを描いたり、小説を書いたり、、
インテリアや建築物が好きなので建築家になりたいと思ったり、中学生の時にCADの資格を取ろうか考えたこともあります
実はギターを14年弾いてたりもします。
美術・音楽の成績は中学から常にだいたい5、って感じの子です!
なのでwebデザイン(フォントや色など)を考えるのも好きです。
でもwebデザイナーになりたいと思ったことはないですww
このブログでは主に日々のアウトプットをしていこうと考えています。
もし興味があれば読んでいただけると嬉しいです!
よろしくお願いします(◍´͈ꈊ`͈◍)