본문 바로가기
App

Coding Basic

by 데이터 퍼즐 2021. 8. 4.
반응형

vs : !  + Enter (html 기본세팅)

<span hidden : 밖에서 숨기고 싶을 때>


[html]

<head>

lang=ko, en

ASCII euc-kr UTF-8 =>Unicode

반응형: content= "width=device-width, initial-scale=1.0"(스마트폰으로 열었을 때 자유도)

<meta http-equiv="X-UA-Compatible" content="ie=edge">(최신버전으로 반영)

draggable=true : 적용된 요소를 끌어낼 수 있음


<body>

<h1> ~ <h6> 순서대로 적용

<br> vs. <p> p는 문단, css에서도 문단적용가능 br은 자유도 높음

<b> vs. <strong> strong은 정보적 강조

<i> vs. <em> em은 정보적 강조

<cite> 출처표기

<blockquote> 인용문

<hr>가로선

 

순서: <ul> x <ol> o ⊃ <li>

ㄴtype, start: 지정 가능

 

<table>-<tr><th><td><caption>

ㄴscope를 통해 컴퓨터에게 편리하게!

ㄴcolspan, rowspan 을 통해 칸을 병합


[CSS]

인라인요소 vs 블럭요소: 자유도가 높고 or 강제적

 

*JSfiddle

*live server preview

 

div: division 구획태그

Semantics : 의미가 부여된 div

ㄴ header, footer, nav(서브), aside, main, section, article

 

<table>태그 ★ <tr>: 줄삽입 , <td>행삽입

<th scope="row"> : 해당 행만 볼드처리

<td rowspan="2"> : 아래 두행 마진

<td colspan="3">: 3행 추가

 

폼(form)태그

ㄴlabel(클릭 영역을 확장), input(+type)

 

*래디오박스: 여러 개 중 선택

  <input id="input-dev" type="radio"/>

 

 

cf

절대경로: 웹서버(다른 경로)에서 불러오기

상대경로: 현서버(타 속성)에서 불러오기

 

 

 

 

반응형

'App' 카테고리의 다른 글

Flutter Dart (1)  (0) 2022.03.30
IOS Project - ML Model  (0) 2021.12.30
Kotlin(1)  (0) 2021.08.20

댓글