일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Grid
- HTML
- regexp
- 코딩일기
- column-gap
- Flex
- display
- 친해지기
- property
- Pseudo
- CSS
- row-gap
- 가상클래스
- 코딩테스트
- DOM
- 선택자
- 정규식표현
- frontend
- 코드일기
- Coda
- tailwindcss
- JavaScript
- sass
- HASH
- CLASS
- 코드다이어리
- 웹폰트
- js
- 코딩문제
- 코딩퀴즈
- Today
- Total
목록Html (10)
< Code diaries />
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/oaFud/btsHQixGtZy/yshJAWEITEyeFWYFMlp6WK/img.gif)
HTML(Hyper Text Markup Language) HTML 웹문서는 브라우저에서 읽을 수 있는 텍스트로 이루어진 마크업 언어입니다.일반 문서를 만들듯이 큰제목, 두번째 제목... 내용, 이미지, 섹션, 머릿말, 꼬릿말등 계층구조에 맞춰서 시각적인 요소와 상관없이도 계층구조가 맞게 마크업을 하는 것이 중요하고, 이것을 우리는 웹표준이라고 합니다.100% 웹표준이라는 말은 없습니다. 최대한 웹표준에 맞게 문법의 계층구조를 지키고, HTML요소 중 필수속성의 사용을 지키며, 위계를 지켜 마크업하는 것이 중요합니다. 기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다. 01. 영역의 의미를 정의하는 태그(Sementic Tag)TagDescriptionMeaning머릿말 태그로,태그의 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bJ1X09/btsHRlfXk8G/o8BtN0qEH1VCdTc2h1nDu0/img.jpg)
DOM(Document Object Model) HTML을 코딩하는 것을 마크업 한다고합니다. 모든 태그는 컨텐츠 요소로 다른 태그를 포함할 수 있는 중첩구조를 가지게 됩니다.그러다보면 처음에 열린 태그, 두번째 열린태그 등.. 계층구조를 가지며 DOM 트리구조를 형성하게 됩니다.DOM 트리구조를 이해해야 CSS에서 HTML을 선택할 때에도 잘 이해할 수 있게 됩니다.단, 빈요소(Empty Element) 태그는 다른 태그를 컨텐츠요소로 포함 할 수 없습니다. 중첩코딩 Hello, HTML Menu 1 Menu 2 Menu 3 Let's coding. Important content ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/C8m22/btsHQZxptc6/K8uFzJ2oW4F3604twdyxk0/img.png)
HTML(Hyper Text Markup Language)HTML 웹문서는 브라우저에서 읽을 수 있는 텍스트로 이루어진 마크업 언어입니다.일반 문서를 만들듯이 큰제목, 두번째 제목... 내용, 이미지, 섹션, 머릿말, 꼬릿말등 계층구조에 맞춰서 시각적인 요소와 상관없이도 계층구조가 맞게 마크업을 하는 것이 중요하고, 이것을 우리는 웹표준이라고 합니다.100% 웹표준이라는 말은 없습니다. 최대한 웹표준에 맞게 문법의 계층구조를 지키고, HTML요소 중 필수속성의 사용을 지키며, 위계를 지켜 마크업하는 것이 중요합니다. 기본 사용법과 접근방식 등 HTML의 기본적인 내용을 살펴봅시다. HTML Syntax A. 시작태그(start tag)- 마크업은 시작태그로 시작을 합니다. 시작태그에는 속성(Attr..
html의 input태그에 pattern속성을 이용하여 입력받는 텍스트를 제어할수 있다. css를 이용하여 패턴식에 맞지않을때에 style 처리도 가능하다. 이는 HTML5 에 추가된 속성이다. Input pattern 정규표현식 기본사용법 [ html 코드 ] [ css 코드 ] input:invalid { color:red } /* 패턴과 일치하지않을경우 박스에 안내가 표시되며, 글자색은 레드로 바뀐다 */ The pattern attribute is an attribute of the text, tel, email, url, password, and search input types. 패턴 속성은 input의 text, email, url, password,search types에 사용할 수 있다...