일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- html
- control
- DATAPATH
- CSS
- system
- mysql
- instruction
- MIPS
- Class
- javascript
- Algorithm
- function
- github
- DB
- MacOS
- python
- computer
- Linux
- for
- web
- Pipelining
- while
- php
- DS
- data structure
- XML
- DoM
- Java
- react
- architecture
- Today
- Total
목록html (23)
YYYEJI
DB 연동 실습을 하기 전에 링크(https://yyyeji.tistory.com/307)에 방문에서 PHP 실습을 맞춰주세요! PHP - 웹페이지에서 넘어온 value를 출력 DB - 웹페이지에서 넘어온 value를 저장 실습을 시작해봅시다. 우선 php 파일에 db를 연결하게 됩니다. Welcome Your email address is: 앞서 사용했던 DB 파일에 이어서 실습해보겠습니다. Welcome Your email address is:
HTML과 PHP 연동을 어떻게 하는지 알아보겠습니다. HTML - 웹페이지 구현 PHP - 웹페이지에서 넘어온 value를 출력 한다고 간단하게 알고 실습을 해보겠습니다. 실습을 위해 HTML을 이용하여 간단한 form을 만들어줍니다. ↓↓↓ HTML file ↓↓↓ Name: E-mail: tag ✓ action은 user가 value를 입력하면 value가 넘어갈 페이지를 의미합니다. ✓ method 방식은 두 가지가 있습니다. - GET method: 서버를 요청할 때 데이터를 URL에 붙여서 요청하게 됩니다. (? 앞에 부분은 URL, 뒤에 부분은 value 입니다.) 입력된 정보가 그대로 주소에 노출되기 때문에 보안적으로 문제가 있습니다. 이미지, 동영상 같은 바이너리 파일의 데이터는 보낼 수..
Table의 열과 행을 합칠수도 있습니다. rowspan - 행을 merge colspan - 열을 merge tr - table row 생성 th - table head ( 볼드체, 중앙정렬 ) td - table data ( 기본체, 왼쪽정렬 ) Number of Students Class 1 Class 2 Class 3 Freshman 30 32 28 Sophomore 35 34 31 Junior 29 31 30 Senior 27 31 29
표를 만드는 태그의 속성을 나타내는 tag는 여러 개가 있습니다. - 표를 만드는 태그 - 표의 제목 영역 - 표의 본문 영역 - 표의 끝 영역 - 표의 행 - 표의 데이터 (왼쪽 정렬, 기본 폰트) - 표의 head (중앙 정렬, 볼드체) tag를 통해 표의 제목에 값을 넣어줍니다. GradeNumber tag를 통해 표의 본문 영역에 값을 넣어줍니다. Freshman 35 Sophomore 27 Junior 31 Senior 25 tag를 통해 표의 마지막 영역에 값을 넣어줍니다. Total 118 ↓↓↓ 전체 코드 ↓↓↓ GradeNumber Freshman 35 Sophomore 27 Junior 31 Senior 25 Total 118 border-collapse를 사용하면 table의 bord..
ordered list란 순서가 있는 리스트를 의미합니다. 아래와 같이 사용할 수 있는데 에서 사용되는 mark를 지정해줄 수 있습니다. Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior ◡̈
Unordered list란 순서가 없는 리스트를 의미합니다. 아래와 같이 사용할 수 있는데 에서 사용되는 mark를 지정해줄 수 있습니다. Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior Freshman Sophomore Junior Senior ◡̈
unordered list - 순서가 없는 리스트 ordered list - 순서가 있는 리스트 list item - 리스트 아이템 description item list - 서술 리스트 description item - 서술 아이템 description data - 서술 데이타 - unordered list Freshman Sophomore Junior Senior - ordered list Freshman Sophomore Junior Senior - description list Lower grades • Freshman • Sophomore Upper grades • Junior • Senior ◡̈
① - bold text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ② - Important text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ③ - Italic text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ④ - Emphasized text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑤ - Marked text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑥ - Smaller text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑦ - Deleted text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑧ - Inserted text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑨ - Subscript text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ⑩ - Superscript text ⸌ ◦̈ ⸍⸌ ◦̈ ⸍ ◡̈