일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- LIKELION
- API
- Project
- display
- CSS
- 프론트엔드스쿨
- 조건문
- HTML
- 선언
- http
- function
- 리액트
- object
- 멋쟁이사자처럼
- True
- js
- STYLE
- terminal
- Absolute
- false
- 선택자
- react
- 변수
- boolean
- array
- Inline
- position
- ubuntu
- javascript
- block
- Today
- Total
목록HTML (12)
Jeden Tag, aufrichtig und lustig.
form 폼은 사용자가 데이터를 입력할 수 있게 만든 것으로 '입력양식'이라고도 한다. 로그인창이나 검색창에서 찾아볼 수 있다. 폼의 동작 과정 폼의 동작과정은 다음과 같다. 1. 사용자가 데이터 입력 2.데이터 웹서버로 전송 3.데이터베이스에서 데이터 확인 4.결과 웹브라우저에 전송 폼을 만드는 태그이다. 사이에 여러 폼 요소를 넣는다. ex. 다양한 폼 요소 하나의 폼 안에서 구역을 구분하여 표시할 때 사용하는 태그다. 로 묶은 그룹에 제목을 붙이는 태그다. 태그와 같은 폼 요소에 레이블을 붙일 때 사용한다. *레이블이란 입력란 가까이에 붙여 놓은 텍스트이다. 레이블 사용하는 방법 1. 아이디(10자 이상) 2. 아이디(10자 이상) 두번째 방법은 태그와 태그가 떨어져 있어도 둘 사이를 쉽게 연결할 ..
comment *코딩하는 도중 코드에 영향을 주지않으면서, 중간에 코멘트 다는법 start
들여쓰기 일의 효율과 가독성을 위해 들여쓰기하는 것이 중요. 주로 아래와 같이 들여쓰기 함. 1. tab 2. 2 space
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bpKl09/btrxu8FOzEB/ZmRUnkrQ9y8AclZ4Tkk7T1/img.png)
동영상 삽입 1. youtube 접속 -공유 -퍼가기 -동영상 퍼가기 코드 복사 -코드 편집기에 코드 붙여넣기 -리로드 ! 2. * 이미지 태그와 달리 닫는 태그 존재. alt 속성 못씀
웹호스팅 Internet > web index.html ---request---> (서버-서비스제공) 웹 브라우저 웹 서버 (클라이언트)
부모 자식 태그 부모태그 자식태그 목록 태그 목록태그 태그는 반드시 부모태그( or )를 가진다. *unordered list 1. 작약 *list 2. 수국 3. 튤립 부모태그 : 자식태그 : ->부모태그가 자식태그 그룹핑한다. ** 리스트 옆 점들을 제거하고 싶다면, list-style : none ; list-style속성에 none 값 적용. *ordered list ->과 다르게 자동으로 넘버링해준다. * crtl+마우스 왼쪽 커서 ->다른부분도 한꺼번에 선택 가능 * tab ->들여쓰기
HTML 구조 html 구조는 보통 아래와 같다. -> '문서유형이 html이다'라는 의미이다. 태그와 비슷하게 생겼지만 html 태그는 아니다. *모든 html elements들은 태그로 감싸져 있다. 본문 내용 *content는 태그 사이에 있어야 screen에 나온다. 안에 있는 내용들은 내용을 설명 한다.
링크 태그 링크 태그는 링크를 거는 태그이다. *anchor :닻 *h=hypertext : 링크 *ref=reference : 참조 링크주소 ex. "url ( www.~)" , "./contact.html"(현재 폴더에 있는경우, ' ./ '은 선택적으로) *url(Uniform Resource Locator) : 웹주소 ex. http://google.com 새 탭 띄우는 속성 target="_blank" 링크 툴팁 title="구경가기" 현재 페이지에서 쉽게 왔다 갔다 하고 싶을때, ex. profile top *html 설명서 https://www.w3.org/TR/2011/WD-html5-20110405/semantics.html#the-link-element