일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 알고리즘
- 프로토콜
- calss
- 팀버너스리
- HTML문법
- SpringBoot #JPA
- HTTP
- inline
- Html공백
- 배열
- HTML
- Homebrew
- HyperTextMarkupLanguage
- 부모태그
- 속성
- meta
- 중첩
- apache tomcat
- gitbash
- 속성값
- 톰캣
- GIT
- 자식태그
- Internal
- Terminal
- 백준
- HTML소개
- External
- DOCTYPE
- heda
- Today
- Total
목록전체 글 (17)
STUDIO_54
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/0CZsn/btqzFXacT4F/Wav6MGt7qK8jgViJjhFUYk/img.png)
*HTML에서의 주석 HTML 주석은 화면상에 표시 되지 않고 코드 상에만 노출(메모의 목적) > 코드에 대한 설명을 적거나, 임시로 태그를 보이지 않게 함 주석의 시작은 표시로 종료 _예시
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/OrPpJ/btqzEifKy10/xjOC6gZtDja8iL7gKTY8M0/img.png)
*HTML에서의 공백 기본적으로 HTML은 한 칸 이상의 공백을 모두 무시 (이러한 공백 처리는 css로 제어할 수 있음, 추후 학습 예정)
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/n3NO1/btqzEitfWVV/6JKkvbzvElR7euxaqP4X10/img.png)
*빈 태그란? 앞서 태그는 중첩할 수 있지만, 불가한 태그도 있음 > 이런 태그를 빈 태그 시작태그와 종료태그 2개가 1쌍으로 이루어지지 않은 태그 _예시 *빈 태그의 특징 내용이 비어있을 뿐, 속성을 통해 화면 표시나 다른 용도로 사용 브라우저가 내용을 대체해야하는 대체 태그(replacement 태그)와 실제로 화면에 출력될 내용이 없어 다른 용도로 쓰이는 태그도 존재
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/b7id3K/btqzD5AX0go/HmctBbX4qKFf4DvG2zpNnk/img.png)
*태그의 중첩 태그 안에 또 다른 태그를 사용하는 것 태그를 중첩해서 사용 시 중첩되는 태그는 부모 태그를 벗어나면 안 됨 _잘못된 태그 선언 Hello, HTML _올바른 태그 선언 Hello, HTML 태그 안에서는 중첩이 얼마나 되거나, 어떤 태그를 쓰는지 문제 안 됨 But, 때에 따라 정해진 태그만 중첩 가능
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dgtiwa/btqzFdYTb44/ioXcNsE18smAEbTBQdHNF0/img.png)
*속성이란? 앞서 배운 태그의 동작을 좀 더 구체적으로 제어 태그에 고유한 이름을 주고, 추가로 정보를 제공하여 이동할 경로를 명시 > 태그에 구체적 기능 제공 *속성을 사용하는 방법 속성은 이름과 값으로 이루어짐 시작 태그에서 태그 이름 뒤에 공백으로 구분, 속성 이름="속성값"으로 표현 속성값은 홑따옴표('), 쌍따옴표(")으로 표현 _예시 Hello, HTML *여러 속성을 사용하는 방법 의미와 용도에 따라 여러 속성 존재 하나의 태그에 여러 속성 선언 가능 여러 속성을 선언할 때는 공백으로 구분 _예시 Hello, HTML *속성의 종류 모든 태그에 사용할 수 있는 글로벌 속성 특정 태그만 사용할 수 있는 속성 선택적으로 쓸 수 있는 속성 특정 태그에서 필요한 필수 속성 (위 예시인 id와 cla..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/vffeb/btqzE1dlfZn/hS69kTFpCqPL4DDDQFxfs1/img.png)
*태그란? HTML에서 가장 중요하고 기본 규칙 무언가를 표시하기 위한 꼬리표, 이름표 *태그를 사용하는 방법 태그는 로 표현되며 사이에 태그 이름이 들어감 시작 태그와 종료 태그로 이루어짐, 종료 태그는 태그 앞에 '/'기호가 붙음 _예시 Hello, HTML *요소란? 내용을 포함한 태그 전체를 요소(Element)라고 함 태그와 요소는 의미가 다름(혼동 주의)
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bCTvey/btqzFAl02fE/FwKOY40aTKGPaNBX31idn0/img.png)
*HTML이란? HTML 프로그래밍 언어, 웹 페이지를 만들 때 사용 *HTML의 의미와 특징 HTML은 Hyper TextMarkup Language Hyper Text는 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 링크 Markup Laguage는 프로그래밍 언어의 한 종류, 정보를 구조적 계층적으로 표현 가능 HTML은 파일 확장자, .html을 쓰며 그 파일 안에서 html 코드를 작성 *HTML의 역사 HTML은 1990년대 영국의 물리학자 팀 버너스리가 제안, 개발함