target="_self" : 같은 탭에서 하이퍼링크 이동
target="_blank" : 다른 탭에서 하이퍼링크 열기
charset="utf-8" : 브라우저에게 text를 어떻게 그려달라는지 말해주는 것
html lang = "en || kr .." : 사이트에서 사용되는 주된 언어가 무엇인지 말해주는 것
required : 폼 데이터가 서버로 제출되기 전 반드시 채워져 있어야 하는 입력 필드를 명시한다. 해당 속성을 명시하지 않으면 속성값이 자동으로 false, 명시하면 자동으로true 값을 가지게 된다.
© : ©
시멘틱 태그(Semantic Tags) : "의미가 있는 태그"라는 뜻 / header, main, address
Cascading : 위에서부터 순차적으로 내려오는 것
블록(block) : 옆에 다른 요소가 오지 못하는 것
인라인(inline) : 다른 요소가 올 수 있는 것
margin : box의 border(경계)로부터 바깥에 있는 공간
vh(Viewport Height) : 여기서 Viewport를 screen이라고 생각하면 됨
<form> 태그 : 사용자가 입력하거나 선택한 정보를 서버로 전송하기 위해서 쓰는 태그
[::](이중콜론) : 해당 가상 선택자가 정적이면서 어떤 요소의 일부분에 영향을 줄 때 사용
-meta 태그들은 self-closing 태그이다.
-<tagname attributename="attributevalue">적을 내용</tagname>
-<style> 태그는 <head>태그 안에 있어야 한다.
-inline는 높이와 너비가 없고, block는 높이와 너비가 존재한다.
-justify-content는 main axis 위에서 움직이고,(수평) align-items는 cross axis 위에서 움직인다.(수직)
-justify-content와 align-items를 적용하고 싶으면 먼저 display:flex를 해줘야 한다.
-flex 컨테이너는 두 개의 축을 가지고 있다.(align-items, cross axis) 디폴트 주축은 수평
'프로그래밍 > 하루 공부' 카테고리의 다른 글
| 2024.05.13 FrontEnd & BackEnd (0) | 2024.05.13 |
|---|---|
| 2023.05.15 FrontEnd (0) | 2023.05.15 |
| 2023.02.23 FrontEnd (0) | 2023.02.23 |
| 2023.02.22 FrontEnd (0) | 2023.02.22 |
| 2023.02.21 FrontEnd (0) | 2023.02.21 |
