일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- JQuery
- github
- egov
- 구멍가게코딩단
- insertAll
- jsp
- Ajax
- vue.js
- JSON
- vscode tutorial
- java
- mysql
- Tomcat
- bulkinsert
- MariaDB
- JAXBContext
- spring
- vue Carousel
- swipe 배너
- 기출문제
- 정보처리산업기사
- 마스킹
- 오라클
- jdbc
- 부스트코스
- NoSQL
- query
- INSERT
- mybatis
- checkbox
Archives
- Today
- Total
개발새발
2. [웹 프로그래밍 기초] HTML -FE 본문
728x90
반응형
<ul></ul>
<li></li>
<td></td>
<tr></tr>
등 여러 가지 태그들이 있다.
ID
고유한 속성 (한 문서에 하나만 사용 가능)
ID 값이 있으면 하나하나 특별한 제어 할 수 있음
class
중복해서 사용 가능
class 가지고 여러 개 태그 스타일 한 번에 지정가능
[생각해보기]
1. 좋은 class 이름을 짓는 규칙은 무엇일까요? id를 다른 웹사이트들에서는 어떻게 실제로 사용할까요? 어디에 id속성을 부여했는지 한번 찾아보세요.
- 팀 프로젝트한다면 서로 알아보기 좋은 게 좋은 class 이름 아닐까
2. 요즘에는 data속성이라는 것도 자주 사용합니다. tag에 추가적인 데이터 정보를 표현하기 위함입니다. 이 부분도 같이 살펴보면 좋습니다.
- data 속성은 java script에서 활용할 목적의 데이터를 숨겨놓기 위해 사용한다. 'data-*' 형식으로 사용하며 jquery에서 접근하여 조회, 제어 등이 가능하다.
728x90
반응형
'[부스트코스] 웹프로그래밍 > 웹 프로그래밍 기초' 카테고리의 다른 글
[웹 프로그래밍 기초] 프로젝트 만들기 (0) | 2019.11.20 |
---|---|
[웹 프로그래밍 기초] 내용정리 (0) | 2019.11.20 |
5. [웹 프로그래밍 기초] Servelet - BE (0) | 2019.11.20 |
4. [웹 프로그래밍 기초] 개발환경 설정 - BE (0) | 2019.11.20 |
1. [웹 프로그래밍 기초] Web개발의 이해 - FE/BE (0) | 2019.11.20 |
Comments