SlideShare a Scribd company logo
1 of 5
【一日でできる】初心者
のホームページ制作
~HTML編~
シロ先生
よーし!
今回はホームページ作成に必要な基礎知識
を身に着けてもらう。
ブラック君
よろしくお願いします。
初心者ですけど、それなりにかっこいい
ホームページを作りたいと思っています!!
シロ先生
初めに、実際のホームページがどのように
書かれているのかを見てみよう。
じゃあ、自分の好きなサイトを開いてみて
ブラック君
どんなサイトでもいいんですか?
じゃあ私は以下のサイトにします。
http://itayasite.sitemix.jp/
シロ先生
そのページのソースコードを見てみよう。
「F12キー
or
右クリック→ページのソースを見る」
ブラック君
無事開けました!!が・・・
なんか暗号みたい・・・
これを書かなきゃいけないのですか??
シロ先生
確かに
ブラック君
無事開けました!!が・・・
なんか暗号みたい・・・
これを書かなきゃいけないのですか??

More Related Content

What's hot

自作キーキャップの世界
自作キーキャップの世界自作キーキャップの世界
自作キーキャップの世界voidkeys
 
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化Kumiko SHIMIZU
 
とんちきでもmilkcocoaでなんとかできた件について
とんちきでもmilkcocoaでなんとかできた件についてとんちきでもmilkcocoaでなんとかできた件について
とんちきでもmilkcocoaでなんとかできた件についてyaksk
 
Gunma.web#10 Make Slide
Gunma.web#10 Make SlideGunma.web#10 Make Slide
Gunma.web#10 Make Slideivoryworks .
 
バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会Takahide Hosokawa
 
学内勉強会をやりたい
学内勉強会をやりたい学内勉強会をやりたい
学内勉強会をやりたいRyohei Kawashima
 
Tbmu 20141112 oregadget
Tbmu 20141112 oregadgetTbmu 20141112 oregadget
Tbmu 20141112 oregadgetTerumasa Okabe
 
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみたWordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみたreona396
 
2021年度進級制作展プレゼンスライド
2021年度進級制作展プレゼンスライド2021年度進級制作展プレゼンスライド
2021年度進級制作展プレゼンスライドssuser9742cc
 

What's hot (11)

22
 
自作キーキャップの世界
自作キーキャップの世界自作キーキャップの世界
自作キーキャップの世界
 
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化
 
とんちきでもmilkcocoaでなんとかできた件について
とんちきでもmilkcocoaでなんとかできた件についてとんちきでもmilkcocoaでなんとかできた件について
とんちきでもmilkcocoaでなんとかできた件について
 
Gunma.web#10 Make Slide
Gunma.web#10 Make SlideGunma.web#10 Make Slide
Gunma.web#10 Make Slide
 
バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会バレンタイン直前開催Web勉強会
バレンタイン直前開催Web勉強会
 
学内勉強会をやりたい
学内勉強会をやりたい学内勉強会をやりたい
学内勉強会をやりたい
 
Tbmu 20141112 oregadget
Tbmu 20141112 oregadgetTbmu 20141112 oregadget
Tbmu 20141112 oregadget
 
WordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみたWordPress でプロフィールサイトをつくってみた
WordPress でプロフィールサイトをつくってみた
 
2021年度進級制作展プレゼンスライド
2021年度進級制作展プレゼンスライド2021年度進級制作展プレゼンスライド
2021年度進級制作展プレゼンスライド
 
スライド5
スライド5スライド5
スライド5
 

Recently uploaded

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案sugiuralab
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...Toru Tamaki
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdftaisei2219
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものですiPride Co., Ltd.
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNetToru Tamaki
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A surveyToru Tamaki
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Yuma Ohgami
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)Hiroki Ichikura
 

Recently uploaded (8)

TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
 
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
 
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdfTSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
 
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する       2024/04/19 の勉強会で発表されたものですSOPを理解する       2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
 
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
 
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
 
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
 
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)