반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- SQL 연산자
- node.js
- 리액트
- 플랙스박스기본
- 노마드코더
- 자바 스프링
- 이클립스
- ubuntu
- Flex Box 기본
- 객체지향프로그래밍
- 람다식
- java spring
- Eclipse
- SQL
- HTML5
- 타입
- 자바스프링
- REACT
- spring
- SQL 문제
- numpy
- Flexbox Froggy
- spring 환경설정
- 관계형데이터베이스
- 환경설정
- 스프링
- java설치
- 오산대맛집
- SQL 명령어
- Hooks
Archives
- Today
- Total
목록시멘틱 태그 (1)
이것저것
[HTML] HTML5의 시멘틱 태그
시멘틱 태그 페이지의 머리말을 표현 하이퍼링크들을 모아 놓은 섹션, 페이지 내 목차를 만들 때 주로 쓴다. 웹 페이지를 구분지어주는 역할을 하며 페이지의 본문을 나눠주는 역할을 한다. 웹 페이지를 훼손하지 않는 내용들을 담는데 주로 쓴다. 블로그 포스트 댓글 등으로 쓰인다. 웹페이지의 본문에서 약간 벗어난 부분으로 사이드 부분의 광고 영역으로 많이 쓰인다. 저자나 저작권 정보를 입력하는 부분으로 대부분 제일 아래에 위치한다. 위와 같이 시멘틱 태그로 구조만을 정해주고 이들의 위치나 색상 모양들은 css를 이용해서 직접만들어줘야한다. css는 파일을 따로 생성해주지만 태그에 직접 넣어서 작성해줄 수 있다. 태그에 이런 식으로 css를 적용시켜줄 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 1..
코딩코딩/HTML5
2020. 4. 23. 17:54