study

HTML&CSS 初級者

까꿍옹야 2022. 3. 22. 16:57

2.

＜　：　タグ

<　：　開始タグ

＞　：　終了タグ

＜なか＞　：　要素（ようそ）

＜h1＞：見出し,heading1

<p> : 段落（だんらく）、paragraph 단락을 구분(줄바꿈기능 o),

<P>dadada/p><p style="margin-top:40px;">vcvcvc</p> //두번째 단락 위에 45px만큼의 여백이 생김.


dadada

vcvcvc

<span>

 

3.

記号(きごう)　： 기호

全角（ぜんかく）　： 전각

 

4.

alt : 追加説明

 

５．

border : 境界線（きょうかいせん） 

border-radius : 値が高くなると○になる

radius : 半径

プロパティ：設定や特徴

指定している値（あたい）： 설정한 값

 

６．

波括弧(なみかっこ) :  {} 중괄호

末尾（まつび）：끝

動作（どうさ）：동작

 

7.

コピーライト表記 : 

 

8.

border-radius : 8px;

padding : 16px;  //枠線（わくせん）の余白（よはく）設定（中）

margin : 8px; // 枠線（わくせん）の余白（よはく）設定（外）

//8倍数がきれい

 

９．

text-align : textの位置

 

10.

background-image : url(名前)

 

 

 

<img> : 写真を入れるタグ , http://unsplash.com/  //高品質イメージを著作権に関係なく手に入れることができる。

 

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

unsplash.com

<img src="coding.jpg" width = "100%">

 

 

 

 

<!-- --> :  コメント、(// : Ctrl+c+k 逆：Ctrl+c+u              /**/ : Alt + Shift + A )

ショートカットキー : 단축키

 

5行目(ごぎょうめ) : 다섯번째줄

 

<li> : 목차 목록. List

<ul> : <li>의 부모격, <li> 끼리 구분함. Unordered List, 黒点が先頭につきます

<ol> : <li>의 부모격, <li>의 숫자가 붙음 Ordered List,  数字が連番でつきます

// <ul>, <ol> >>>> <li> : 상위개념

 

<ul>　// ・
  <li>HTML</li>
  <li>PHP</li>
  <li>Ruby</li>
</ul>

<ol> //数字
  <li>HTML</li>
  <li>PHP</li>
  <li>Ruby</li>
</ol>

font-size : 文字の大きさ

font-family　：フォント 글짜, 폰트

strong:  글자를 강조.

 

class : classをつけることにより、それぞれの要素を識別し、別々のCSSを適用することができる

(! classの場合は . をつけることが大事)

 

<!DOCTYPE html>の部分はDOCTYPE宣言

 

 

「Tab」キーを押すと終了タグまで補完をしてくれます

 

縦に並んでいく :  세로로 줄지어 가다

余白(よはく)　： 여백

レイアウト : layout 레이아웃

 

進数のカラーコードで色を指定表

https://www.ltool.net/html-color-charts-rgb-color-table-in-korean.php

 

RGB색상표/16진수 컬러 코드표

HTML컬러표

www.ltool.net

 

 

 

 

 

 

https://www.biew.co.kr/entry/Visual-Studio-CodeVS-Code-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%82%AC%EC%9A%A9-%EB%B0%A9%EB%B2%95

 

Visual Studio Code(VS Code) 유용한 단축키 사용 방법

웹퍼블리싱 코딩 작업시 편집 프로그램을 사용하여 코딩을 합니다. 편집 프로그램은 다양하게 있으며, 각각 본인의 스타일에 맞는 편집기를 사용하게 됩니다. (주)맑은커뮤니케이션 에서는 퍼

www.biew.co.kr