< BACK TO "htmlstudy002.htm">

tack Developers Group
Homepage!

- HTMLTABLE STUDY

〜BlueGriffonでウェブページ制作〜


HTML文書にCSSを適用する-CSSの基本
http://www.htmq.com/csskihon/004.shtml

■HTML文書にCSSを適用する

CSSでHTML文書やXHTML文書にスタイルシートを適用するには、大きく分けて以下の3つの方法があります。

・<link>要素で外部CSSファイルを呼び出して適用する
・<style>要素で文書単位に適用する
・要素にstyle属性を追加して局所的に適用する


pによるclass属性の指定:

スタイルプロパティでは、P要素がないとclass属性がつけられない。tableタグ内ではエンターでPタグを挿入してくれない。段落書式で段 落を指定する。するとPを挿入してくれる。その上で class属性をコンボボックスで指定します。そうすると、Pのclassとして設定されます。ただし、これでは文書途中の文字を指定できません。spanタグを指定出来 たらいいのですが。

spanタグを挿入してclass属性を指定:

それは、左端のアイコンが縦に並んだツールバーの一番上「<>」を押しそこからspanタグを指 定します。範囲を指定していればきちんとはさんでくれます。その上でclass属性をコンボボックスで指定するとspan要素に class属性をつけられます。
ツールバー以外にも、メニューにspanがあります。[書式] - [Span]でもいいです。

idセレクタを1つの要素に複数使ってはいけない理由 - console.lealog();
https://lealog.hateblo.jp/entry/2011/12/06/202348
id属性の使い方。

【初心者向け】CSSセレクタとは?セレクタの種類や指定方法を解説!(基礎編) : ビジネスとIT活用に役立つ情報
https://www.asobou.co.jp/blog/web/css-selectors
セレクタとは?

基礎用語:「タグ」と「要素」の違いとは? [ホームページ作成] All About
https://allabout.co.jp/gm/gc/23843/
意識している?HTML の「タグ」と「要素」の違い - 情報系大学院生のWebメモ
https://webmem.hatenablog.com/entry/tag-element-difference

BlueGriffonのWysiwyg Editor部分にPasteして色々Bugでダメな場合は、一度テキストエディタを介します。一度テキストエディタにPasteします(保存しなくてもいいです)。その 上でテキストエディターから再度Copyすると文字装飾が除去されるので、それをBlueGriffonにPasteするとうまくいく場合があり ます。

BlueGriffon を使って<div>とCSS(スタイルシート)で レイアウト を作る方法
https://attempt.pw/bluegriffon/
Page Design.



URLs:

HTML文書にCSSを適用する-CSSの基本
http://www.htmq.com/csskihon/004.shtml
table-layout-スタイルシートリファレンス
http://www.htmq.com/style/table-layout.shtml
<table>: 表要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/table
HTML5で非推奨になった属性。

BlueGriffonの使い方
http://qitailang.small.jp/bluegriffon/

CSSのセレクタとは?覚えておきたい25種類と書き方
https://saruwakakun.com/html-css/reference/selector
雑学:


★スタイルシートリファレンス
table-layout
table-layout-スタイルシートリファレンス
http://www.htmq.com/style/table-layout.shtml


---

URLsコピー:

Word 見出し 使い方 - Google 検索

Wordで最も大切な見出しの使い方を絶対に覚えよう│パソニュー
https://pasonyu.com/how-to-use-word-heading/

【Wordで仕事力アップ】 長文で見出しやスタイルを使いこなす。社内マニュアルなどを効率よく作成! : 富士通Japan株式会社
https://www.fujitsu.com/jp/group/fjm/business/mikata/useful/learn/ms-workup/009.html

BlueGriffon Style 同じClassを指定 - Google 検索
html idとclassの使い分け - Google 検索
CSSのidとclassの使い分け - Qiita

【必修知識】id と class の違いと使い分け方の基本 – Jill Tone Blog
https://jill-tone.com/htmlcss_id_class/

本文と段落の使い分け - Google 検索

HTMLで見出しタグと段落タグを使う方法【初心者向け】 | TechAcademyマガジン
https://techacademy.jp/magazine/5624

html 本文とは - Google 検索

table、tr、tdタグの書き方|枠を表示するタグの使い方を解説
https://toretama.jp/tag21.html

<tr>: 表の行要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/tr

bluegriffon table style - Google 検索

BlueGriffonの使い方
http://qitailang.small.jp/bluegriffon/

css 種類 - Google 検索

table-layout-スタイルシートリファレンス
http://www.htmq.com/style/table-layout.shtml

セレクタの種類-CSSの基本
http://www.htmq.com/csskihon/005.shtml

CSSのセレクタとは?覚えておきたい25種類と書き方
https://saruwakakun.com/html-css/reference/selector

css インラインとは - Google 検索

インライン要素とは - 意味をわかりやすく - IT用語辞典 e-Words

HTML文書にCSSを適用する-CSSの基本
http://www.htmq.com/csskihon/004.shtml

style要素 - Google 検索
CSS テーブルのスタイル属性を スタイル要素に - Google 検索

[CSS] CSSセレクタを用いてテーブルにスタイルを設定する - テーブルに設定されたクラスでセルにスタイルを反映させる | iPentec
https://www.ipentec.com/document/css-set-style-on-table-using-selector

bluegriffon tableの属性を style要素 - Google 検索
html5 table要素 属性 - Google 検索
html5 table要素 非推奨 - Google 検索

<table>: 表要素 - HTML: HyperText Markup Language | MDN
https://developer.mozilla.org/ja/docs/Web/HTML/Element/table



< BACK TO "htmlstudy002.htm">

<<< htmltable_study_02_005.html >>>