일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- Linux apt-get
- Logback
- ec2 ssh unprotected private key file
- 아비트럼 새폴리아 이더 받는법
- Linux cat
- Linux oh my zsh
- Linux pwd
- arbitrum sepolia eth
- Linux mkdir
- HTTP Web Server
- Linux cd
- AWS EC2 서버 만들기
- UNPROTECTED PRIVATE KEY FILE
- linux foreground
- EC2 zsh
- Linux ls
- Linux 디렉터리 구조
- 서버의 서비스 방식
- Linux apt
- EC2 Apache2
- Linux 파일 관리 명령어
- EC2 HTTP 호스팅
- javascript scope
- linux background
- Linux rmdir
- Linux 디렉터리 역할
- EC2 oh my zsh
- javascript 정렬
- Linux 디렉터리 명령어
- Navigation Pattern
- Today
- Total
목록HTML (16)
HyunJun 기술 블로그
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cnmKlJ/btsi9SDyqgS/L40syg8KTSrVQ3uTKil89K/img.png)
1. World Wide Web 2.0 Web 1.0은 read only였습니다. Web 2.0은 Read와 Write가 가능하고 사용자의 Data를 활용하는 Web을 의미합니다. 즉 현시대에 사용 중인 거의 모든 서비스(웹 서비스)를 의미합니다. 사용자와 서비스 제공자의 데이터 입력에 의한 상호작용을 위해 form, label, input, textarea가 존재합니다. 즉, HTML에서 데이터의 입력(input)에 사용되는 요소들이며, form, label, input, textarea이 거의 한 세트라고 봐도 무방합니다. 기존 서비스에서는 로그인, 회원가입 등에서 사용됩니다. 2. form 요소는 로그인, 회원가입, 설문, 데이터 등을 서버로 전송하기 위해 사용되는 요소입니다. method는 중요한..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ceWD6z/btsi3q7HqBr/nnOPsS0ZGDRUwTCYXp3hv0/img.png)
1. pre element 태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다. 요소 내의 텍스트는 시스템에서 미리 지정된 고정폭 글꼴(fixed-width font)을 사용하여 표현되며, HTML 코드(텍스트)에 사용된 여백과 줄바꿈이 모두 그대로 브라우저에 표현됩니다. 이러한 요소를 사용하면, 독특한 서식의 텍스트나 컴퓨터 코드 등을 HTML 문서에 그대로 표현할 수 있습니다. 2. ASCII art로 확인하기. 텍스트를 이미지화(텍스트) 해서 표현해 주는 ASCII art를 ASCII Generator를 사용해서 태그에 바로 적용해 보겠습니다. 텍스트 내용을 그대로 에 넣어보겠습니다. _ _ ____ __ __ __ ____ ____ ____ ____ __ ___ ( ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b3ptAb/btsi9VzTTDP/iCOJEeNbF8OHE9TZ2Lh1RK/img.png)
1. ol (ul) element Ordered List(Unordered List) 태그는 HTML에서 간단하게 목록(리스트)을 만들어 주는 태그입니다. 2. Ordered List, Unordered List, list item 태그는 Ordered List 즉 순서가 있는 목록을 만들어주며, 태그는 Unordered 즉 순서가 없는 목록을 만듭니다. 각각의 리스트는 혹은 태그 내에 태그로 구현해야 합니다. 태그는 혹은 엘리먼트의 자식 엘리먼트로서 목록 내의 아이템을 표현합니다. A B C A B C 2-1. attribute 여러 가지의 속성을 가지고 있습니다. type을 통해 순서의 모양을 바꿀 수 있고, start를 통해 첫 번째 리스트의 시작할 숫자를 정할 수 있습니다. reversed의 경우..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cD5FEK/btsi4aKbqSS/uzcPIhPupWhYk46YOFUILk/img.png)
1. h(header) element h 태그는 HTML 페이지에서 본문 내 제목을 표현하기 위한 태그입니다. 제목의 사용 용도, 크기에 따라 h1(대제목) ~ h6(소제목)을 제공합니다. h 태그를 얼마나 잘 사용하냐에 따라 검색 엔진에 잘 보이거나 잘 안 보일 수 있습니다. 2. 사용 예시 Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6 3. h 태그가 중요한 이유 h 태그가 중요한 이유는 h 태그의 사용 유무에 따라 검색 엔진에 노출이 잘 되거나 아예 안될 수도 있기 때문입니다. h1 태그는 반드시 1개가 있어야 합니다. 다른 컨텐츠 내용(블로그 제목, 카테고리) 등을 제외하고..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ctOHdO/btsi3bv2Tpm/jFRkgjru8GSxpvzKvjHZOk/img.jpg)
1. World Wide Web 1.0 웹이 탄생한 1990년부터 웹 2.0이 유행하기 전인 약 2004년까지의 구간을 웹 1.0이라고 말합니다. Web 1.0은 Read Only 즉, 읽기 전용이었습니다. 제작자(저자)가 문서를 작성하면 소비자(독자)는 그냥 문서를 보는 정도의 역할이 전부였습니다. 즉 독자의 input에 따른 저자의 ouput -> 상호작용이 불가능했습니다. -> 이후에 JavaScript의 등장으로 상호작용이 가능해졌습니다. 2. 태그 그렇다면 Web 1.0과 a 태그가 무슨 상관이 있을까요? Web 1.0은 읽기 전용이라고 서론에서 언급했었는데요. 그렇다면, 신문의 경우 종이를 넘기면 되고, 책의 경우에도 종이를 넘기면 되지만, 웹 브라우저로서의 문서는 페이지를 어떻게 이동했을..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cSsjvx/btsi4cgINel/KeUY9yEspzpZPbjthMAdjk/img.png)
1. HTML head란? 웹 브라우저에게 전달할 정보(metadata)들을 전달하는 엘리먼트(태그)입니다. Head의 내용은 페이지를 열 때 웹 브라우저에 표시되지 않습니다. 2. head에 들어가는 종류 2-1. meta 문서의 character 인코딩을 특정하기 이 요소는 문서에서 허용하는 문자 집합(character set) encoding에 대해서 설정합니다. utf-8은 전 세계적인 character 집합으로 많은 언어들의 문자들을 포함합니다. 일반적인 페이지에서 utf-8로 지정하는 것은 좋은 생각입니다. 예를 들어서 utf-8이 적용된 페이지는 영어나 일본어 중국어들을 모두 허용합니다. 한국어 日本語 中國語 하지만 만약 예를 들어 Character의 중요성을 위해 ISO-8859-10으로 ..