【HTML5入門】どのサイトでも使われている！ページ構造を作る7つのタグ
はじめに 本記事では、どんなWebサイトでも使われている7つのタグについて解説します。 前回記事『【HTML・CSS】美しいサイトは骨までキレイ？HTML5のアウトラインを学ぼう！』のHTML5のアウトラインを理解しておくとスムーズです。 今回ご紹介するタグはheader, nav, main, section, article, aside, footerの7つです。これらはどのWebサイトでも見られる頻出のタグなので使い方をチェックしておきましょう。 スポンサードサーチ header（ヘッダー） headerとは header（ヘッダー）はWebサイトにおけるヘッダーを明示するタグです。header要素はアウトラインを生成しません。 headerの定義：MDN Web Docs header要素は、導入的なコンテンツ、ふつうは導入部やナビゲーション等のグループを表します。見出し要素だけ
Webデザイナー未経験者の必須ツール！HTML CSS Glossaryを公開！
どうも、なみぞうです。 この度、HTML5・CSS3を勉強できる一覧サービスを開始しました。 その名もHTML CSS Glossary！(HTML CSS 用語集） HTML CSS Glossary 使い方 HTML5 もしくは CSS3のコードをフォームに入力ください。 サジェスト（予測変換）されますので、該当するタグを選択ください。 Enter を押してください。 Enter を押すと対象の文言にジャンプします。 左から対象のタグ・読み方・使い方と並べています。 今後、こちらのコンテンツに対してその用語はどういった使い方ができるのか？などをご紹介していきます。 初心者の方・これからWebデザイナーを目指す方は是非、ブックマークしておいてくださいね！ 引き続き、JAM25をよろしくお願いいたします。
【HTML5入門】美しいサイトは骨までキレイ？HTML5のアウトラインを学ぼう！
はじめに 本記事では、HTML5のアウトラインについて解説します。 アウトラインはウェブページの構造を明示化する考え方です。綺麗なアウトラインを作ることにより、ページ内の構造や優先度を検索エンジンに明示化することができます。 HTML5のアウトラインの概念を理解する 「明示的アウトライン」と「暗黙的アウトライン」の二つのアウトラインを把握する アウトラインの決まり方を理解する（←重要） スポンサードサーチ HTML5のアウトラインについて アウトラインとは？ アウトラインとはアウトラインアルゴリズムのことを指し、検索エンジンから見たWebページの構造を表す概念です。一般的に階層構造（入れ子構造）をとります。 Google等の検索エンジン対して、「ここがメインコンテンツ」「ここがコンテンツの区切り」「ここはオマケ」等を明示することで、検索エンジンにWebページを正しく解釈してもらうことができ
【HTML5入門】ブログでよく使うHTMLタグを一挙にご紹介
はじめに 本記事はブログでよく使うHTMLタグについて解説します。ブログの他に、企業のコーポレートサイトや情報サイトなどでも共通です。「HTMLは難しい」と思われている方でも今日から使える情報をご紹介します。一つのブログ記事を書く際に必要な「description」についてや、「無料でも使えるHTMLやCSSの編集ができるブログサービス」についてもご紹介します。 スポンサードサーチ ブログでHTMLタグを使う方法 ブログでHTMLタグを使うには入力形式を「HTML編集モード」を選択します。ブログサービスによって「HTML編集モード」の呼び方は異なりますので、詳しくはお使いのブログサービスにてご確認ください。一部のブログサービスでは、有料版でHTML編集が可能になるものや、編集制限があったり、編集自体できないものもあるのでご注意ください。 次項に各種ブログサービスのカスタマイズ性能（HTML
WordPressとは？初心者でもわかる！メリット・デメリットについて
WordPressとは？ まずWordPressとは、2003年に開発が始まったオープンソースのブログ投稿管理システム、CMS（コンテンツマネージメントシステム）と言われるものです。 サイトコンテンツを管理しやすくなるというメリットの他に、Webの専門知識がない人でもサイト管理が行える為、幅広いジャンルにて利用されています。 オープンソースとは？ ソースコード（プログラミングされたもの）を無償で公開しているため、誰でも自由に改良・再配布ができるようにしたソフトウェアのことです。 世界中で一番使われているCMS 世界中で一番使われているCMSがWordPressですが、具体的にどれだけの使用率があるのかを確認しましょう。 Q-Success2019年11月のデータでWebサイト向けCMSのシェア率が発表され、その中でWordPressが群を抜いて1位の「34.8%のシェア率」を誇っています。
【HTML5入門】Webサイトを構成するファイル、ディレクトリを理解
はじめに 本記事では、Webサイト作りの基本となるディレクトリについて解説します。 ファイルとディレクトリの違いについて理解するWebサイトを構成するファイルを確認するWebサイトの階層構造とURLが決まる仕組みを理解する スポンサードサーチ ファイルとフォルダの違いについて確認 ファイルとフォルダの違いについて確認しましょう。 ファイルとは、書類のこと ファイルとは、コンピュータの世界における書類のことです。IT用語辞典には、下記のように記載されています。 ファイルとは、コンピュータにおけるデータの管理単位の一つで、ストレージ装置（外部記憶装置）などにデータを記録する際に利用者やOSから見て最小の記録単位となるデータのまとまり。 IT用語辞典 ファイルの特徴 「ファイル名.拡張子」と名前が付いたデータのこと （例）index.html、style.css、script.js、main.p
【HTML5入門】HTML5タグと基本構文について！
はじめに 本記事では、HTML5のタグと基本構文の書き方について解説します。 HTML5のタグを理解するHTML5の基本構文を書くブラウザに「Hello world!」の文章を表示させる スポンサードサーチ HTMLタグとは何か？ タグは文章に意味や役割を持たせる印 タグとは、文章に意味や役割を持たせる印のことです。「見出し」や「段落」といった文章構造をタグという印を使って明示します。 開始を表すタグを開始タグ（<>）、終了を表すタグを終了タグ（</>）と呼びます。終了タグ（</>）がない空要素というものもあります。<と>の間にある意味や役割を表す文字を要素名と呼びます。開始タグ（<>）〜終了タグ（</>）までを含む全体を要素と呼びます。 なぜタグを使う必要があるのか？ Webサイトでタグを使用して文章構造を記す理由、それはWebがどんなユーザーに対しても情報を同じように伝えることができる
【HTML5入門】HTMLとは？できることは？事例もご紹介
はじめに HTMLは普段目にする通販サイトやまとめサイト、企業のウェブサイトなどで欠かせないものですが、どういう意味や役割で使われているか知っていますか？今回はその「HTML」について徹底解説をします。 HTMLはCSS、JavaScriptといったプログラミング言語と合わせてウェブサイトを作るのに用いられますが、個人の好き勝手に自由に使って良いわけではありません。各プログラミング言語の役割に応じて適切に使い分ける必要があります。 HTMLはWebサイトの骨を作るとても重要なものです。ブラウザを通して「人」に情報を伝えるだけでなく、検索エンジンや音声読み上げソフトのような「コンピュータ」にも同じく情報を伝えることが可能です。 さまざまなルールを知り、ポイントをおさえることで理想的なウェブサイトを作りましょう。CSSとJavaScriptとの違いや、見落とされがちな注意点なども解説しますので
Webサイトの仕組み～サイト構築のながれについて | JAM25
どうも、なみぞです。 普段、みなさんが電車に乗っている際、周りを見るとスマートフォンを触ってる人たくさんいますよね。 これは、昔と比べてWebというものが進化した結果だと思っています。 そんなWebについて今回は説明していきますね！ こんな人にオススメの記事 自分の趣味のサイトを立ち上げたい方 会社のサイトを作りたい方 Webのことを少しでも理解したい方 Webサイトについて把握しよう！ Webサイトの仕組み まずは仕組みから勉強していきましょう！ みなさん調べものなどでスマホやPCから検索されたこと何度もありますよね？ その際、スマホやパソコンからWebサーバーにコレ見せて！と情報が送られており、Webサーバーはその情報に対して、はいどうぞ～と情報が返ってくるシステムになっています。 感覚としては超高速な宅配ピザみたいな感覚に近いかもしれないですね！ ホームページとWebサイトって違うの
【令和記念】令和をCSSで再現してみた | JAM25
どうもなみぞうです。 みなさま、GWいかがお過ごしでしょうか。 本日より元号が「令和」になるということもあり、1時間という限られた時間のなかで、令和をCSSで再現してみました。 HTMLやCSSを覚えることで様々なことができるようになりますので、ぜひ一緒に勉強していきましょう。 令和をCSSで再現してみた！ 令和でも、JAM25を何卒よろしくお願い申し上げます。 おまけソースコード HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>令和</title> <link href="reiwa-style.css" rel="stylesheet" type="text/css"> </head> <body> <header> <section id="rei-wrap"> <section i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML CSS 用語辞典 - HTML CSS Glossary | JAM25
令和をHTMLとCSSで再現してみた | JAM25