ネットワーク開発総合クラス第1週

もともとノートにメモをとっていたのですが、考え直すためにベルに書くことにしました.
1.div/divボックスを作成してパーティション化(共通)
2.p/pは上下に浮動し、空間を形成する.
3.ulはスペースキーと同じ役割を果たしているようです.△最初はこれを使って何も知らなかったと思っていましたが、divを使うことを知っていたので、一度も使ったことがありません.
4.li点ulli=
ulul ul ul li=以降ずっとこのように表しています.
5.はh 1タイトルで、ページごとにあったほうがいい(Google検索時にタイトルとして認識して抽出)
6.spanは、特定のフォントを選択して色を変更したり、フォントサイズを変更したりすることができます.
7.a hrefリンクを挿入する
8.img src画像アドレスの追加
CSS
bodyにラベル(ex)class=「mytitle」を付ける
ヘッドにstyleと書く
.mytitle{color:red;}どのようにブランド品を交換するかを修飾します.
divを使用してボックスを描くことができます
文字を中央にまとめるには
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
これを直接コピーすればいいです
イメージ
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("");(画像アドレスを貼るだけでOK)
background-position:center 40%; (表示する部分をパーセントでコントロールできます)
background-size: cover;(カバーをひっくり返すと、写真を1枚削除するだけで、いろいろなものが出てきます)
これを一緒にコピーすればいいです.

         width 가로 : 500px;
         max-width 최대 가로 길이
         height 세로
         max-height 최대 세로 길이
         모바일로보려면 가로사이즈가 중요한데 width:95%,max-width:500px; 로 퍼센트를 붙이고 맥스길이를 정해줘야한다.
         text-align: center; 텍스트 정렬이라 한줄에 가운대로아서 박스의 가운대로 오지않는다.
사진 모퉁이를 둥글게 하려면 style에서 
border-radius: 값px;
을 하면된다.
margin 상자로치면 바깥쪽(상하좌우모두적용)여백 20px; 하나쓰면 다통일이고 20,20,20,50 이렇게 딸로적용도됨 auto;를하면 최대한 의만큼됨
padding 안쪽여백
폰트 적용시 head에주소 링크를 해야한다(이걸 안해서 적요이 안됬음)그리고 style에 *을붙이고 (*은 모두적용되게하는거다.) font-family:폰트 이름 된걸 쓰면된다.
주석= 메모를 한다던지 우리가 볼수있지만 컴퓨터가 읽지 않는거다 ctrl +/를 하면된다 푸는방법도 같다.
css가 너무 길어질떄 파일을 분리해서 쓸수있다.(복잡하지않게)style.css파일을 하나만들어 복사후 붙이고 <link rel="stylesheet" type="text/css" href = "(css파일이름).css"> 이거를 head부분에넣고 파일이름을 따로만든 파일이름으로 바꿔놓으면 적용이된다.(정리가된모습니다.)

getbootstrap과페이스북기호를 통해서 원하는 틀이나 이모티콘을 가져와 쓸수있다(아마 다른 사이트들도 있을거같다)

JavaScript
headセクションへのスクリプト
functionhey(){alert("さようなら!");}こう書くと.
bodyをクリックして映画を録画するボタンをクリックすると、ウィンドウに「さようなら」という文字が表示されます.
クロム開発者ツールを使用して、コンソールでテスト(リフレッシュ後に消える)
let a_list=[0,1,2,3,4]
最初の面はゼロから始まる
a_list[0].要求こそゼロ
数字は無条件に「」と書くことです.
names = [{'name':'Bob','age':21},
鍵:鍵:鍵:鍵{'名':'携帯','age':38}]
names[1]の値は?carry'
追加するには、nameを入力します.push(新しい名前)を作ればいいです.
文字列を特定の文字に分割するには
ex)let myemail = '[email protected]'
let result = myemail.split('@')//['sparta','gmail.com']
split("@")を基準に区分します.
function is_adult(age){
if(age > 20){
alert(「私は大人です」)
} else if (age > 10) {
alert(「私は青少年です」)
} else {
alert(「10歳以下!」)
}
}
ifを書きながらプロンプトウィンドウを区別します.
else ifはifを除外したフィルタデータを区別する.
else他の通知ウィンドウを表示
今まではおもしろかったようです.
時間が長いと思います