tiaki860のブログ https://ameblo.jp/tiaki860/ ブログの説明を入力します。 ja to add same css effect to different HTML cord to do that, just separet with "," on the css cord that you want to give the same effect

 

]]> https://ameblo.jp/tiaki860/entry-12555308498.html Tue, 10 Dec 2019 11:45:13 +0900 contact form. input and textarea to wright some text on the web,  use imput or textarea function. 


imput ; it can wright only one row of text 
textarea; it fot wright multiple row or long article. 

 

 

submitting bottom 
the bottom for submit and sending something, to make it use <input type= "submit">


it shows up bottom for sending on the wed 

in the japanese browser deffolt setting is " 送信" but if you dont like to use it, you can chagne text with "value" function 

]]> https://ameblo.jp/tiaki860/entry-12555306922.html Tue, 10 Dec 2019 11:42:18 +0900 border , margin to add border use "border" function 

how to use 
ex 
on the css sheet 
border:      5px        solid      red; 
          thick ness    type     color

 

the border function has 4 type 

 

border-top

border-bottom 

border-right 

border-left 

 

when it use only border, the things that you add on soround by border 

 

margin function is give space to the outside of some object 

way to cording margin 

]]> https://ameblo.jp/tiaki860/entry-12555298079.html Tue, 10 Dec 2019 11:10:39 +0900 to change the color of specific character <span> element is the cord thet designate where to effect css cord 

to use it, soround text with <span> element 

ex 

html sheet
<span> progate </span> 


css sheet 

span {
    color:#ff0000;
}

 

 

 

]]> https://ameblo.jp/tiaki860/entry-12555290051.html Tue, 10 Dec 2019 10:43:08 +0900 <div> , list editing , padding
div is the abbreviation of " divition" 
<div></div>
this is use as make group for make different class. 

nomaly <div> tage is in the body tag



To make class name in div tage, follow the cord bellow.



<body>
    <div class = "header">
    </div>
    <div class = "main">
    </div>
    <div class = "footer">
    </div>
</body>

on the css cord you able to use the designation class name. 



To switch raw and corromun need CSS. To do so that use"float:left;" 



to give the space to text or some iamge, use "padding "



to operate padding, there is 3 way. 

1 
padding-top: 20 px;

padding-right: 20 px;

padding-bottom: 20 px;

padding-left: 20 px;



padding: 20 px; 10px   20 px;   10px; 

           top    right  bottom   left

padding    :       20 px          10px;

                 top ;bottom  right + left
 

]]> https://ameblo.jp/tiaki860/entry-12555276454.html Tue, 10 Dec 2019 09:55:54 +0900 HTML proclamation To start write HTML cord. It need proclamation of HTML below 

<!DOCTYPE html>

    <html>

         <head>

         </head>

 

        <body>

        </body>

    </html>

 

in the head, add character cord , page title , scc link and other

 

basicly need 3 thing 
 

<meta charset="utf-8">
<title>page title</title>
<link rel = "stylesheet" href="stylesheet.css">

 

rel = "stylesheet" on the cord is for the proclamation of css 
href = "stylesheet.css" on the cord is name of css file that you want to add in 

 

]]> https://ameblo.jp/tiaki860/entry-12554957074.html Mon, 09 Dec 2019 17:07:51 +0900 add specific CSS on specific HTML To add on specifc CSS such as change the font size and colors

1 make class name on the tag that you want to add CSS 

2 write class name on SCC sheet 

ex 
HTML sheet
<ul>

<li class = "selected">apple</li>

<li>orange</li>

<li>banana</li>

</ul>

CSS sheet
    .selected {

         color: red;
}

!! dont forget. To designate class name on CSS coad always start form " . " 

all tag with same class name affect the css cord which has same class name. 


 


 

]]> https://ameblo.jp/tiaki860/entry-12554943697.html Mon, 09 Dec 2019 16:21:39 +0900 font type, background color, change the font with CSS 
h1{
    font-family: serif; 
}

 

propaty  font-family 

font type;: serif 

when font name has a space betwen letter, use the "" to solound the font name. 

to know what type font we can use with font-family go link below
https://w3g.jp/sample/css/font-family

 

To change the background color use "background-color" as comand 

ex 
background-color:#dddddd; 
after # is the color designation cord 

 

To change the "hight" and "width" use css comand below 

width: 500px;
height:80px;
 

it can use same cord for the picture with designation the HTML tag

 

 

]]> https://ameblo.jp/tiaki860/entry-12554820540.html Mon, 09 Dec 2019 10:33:00 +0900 CSS for good appearance the CSS is for the desgin final appearnace of web site 

to use it, it need designate HTML tag. 

ex 
to chage the coller of Progate red from black 

<h1> Progete </h> 

h1{
   color: red; 
}

 

prosess 1 designate the HTML tag that i wannna change 

prosess 2 give the order 
---- to give the order, follow the rule of CSS below
before :  what i want to do 
before;   how it going to do 

 

 

---------------------To change the size of text

 

to chage the font size, use ths comand 

font-size: 10px;

  the number can change whatevere how big you want

]]> https://ameblo.jp/tiaki860/entry-12553946452.html Sat, 07 Dec 2019 17:24:30 +0900 HTML ＜ｈ１＞＜/h1>
表示する文字の大きさを決定する
＜P＞＜/P1>

改行する

＜a harf = ""https://google.com>Go to google </a>
指定したリンクを表示する。"Go to google" is the risult that finaly we can see on web.

<img src="URL of pic"> 
it show us a image that designation with picture URL

<li.>text</li> 
it is for make list but with only this tag dose not hava any bar for separate those texts 

 

ex 
<ul> 

<li>text</li> 

<li>text</li> 

<li>text</li> 

</ul>

 

those list will be appaer with ・ at behaind of first character

 

<ol> 

<li>text</li> 

<li>text</li> 

<li>text</li> 

</ol>

this will appear with unbers at behind of first character

 

 

 

]]> https://ameblo.jp/tiaki860/entry-12553935686.html Sat, 07 Dec 2019 16:49:44 +0900