관리 메뉴

me made it !

[HTML] 20230103 HTML 순서정렬 , TABLE 태그 ,HTML STANDARDS 본문

TIL/HTML, CSS

[HTML] 20230103 HTML 순서정렬 , TABLE 태그 ,HTML STANDARDS

yeoney 2023. 1. 3. 16:24
반응형

오늘 할일이 많기에 밥(점심)도 건너뛰어버렸다. 나. (뿌듯함)

바로 시작


 

ol 순서가 있는 목록 정렬

ul 순서가 없는 목록 정렬

dl 정의 그리고 부연설명을 정렬할 때 씀 

( 복습 ) 

<ol type..? 써놨는데 잘 안쓴다고..그냥 넘어가기로했다>

엇차차 그리고 하나 해결한 거 있음

*HTML에서는 대소문자 구분을 안한다고 함 .대신에 대문자로 시작했으면 대문자로 끝내고 소문자로 시작했으면 소문자로 끝내는 통일성은 갖도록 하자 ~ 

 

 

쉬우니 패스 


 

 

 

 

<table>태그 사용

프론트엔드 분야에선 많이 사용하진 않지만 백쪽에서는 많이 쓴다고 했고,, 

요즘 ? 시대에는 잘 안쓴다고 하셨다

width 와 height의 단위는 픽셀

행(가로줄) 을 합치고 싶을 때는 colspan="원하는 크기" 

열(세로줄)을 합치고 싶을 때는 rowspan="원하는 크기"

 

그리고 tr태그는 td태그의 부모 태그이다(들여쓰기하라는 뜻)

 

 


 

참고로 속성은 어떤 순서로 써도 상관 ㄴㄴ

<thead>
  <tr>
   <td>이름<td>
   <td>국어<td>
   <td>영어<td>
   <td>수학<td>
  </tr>
</thead>

나머지는 tbody 귀찮으니까 생략할거임ㅋ

<tfoot>
  <tr>
   <td>합계</td>
   <td>210</td>
   <td>180</td>
   <td>150</td>
  </tr>
</tfoot>

아 참고로 tfoot이 결과값을 나타내는 단락이라서 중요하기 때문에

tbody 앞에 써도 됨 그렇다고 표의 출력값이 변하는 건 아니고 똑같이 출력된다 ㅋ

 

 

 

 


<target="view"> 는 페이지에서 바로 원하는 것을 볼수있다 ,

사이트 걸어놨으니까 바로 사이트가 보이는거임 ㅋ


잘 보이지는 않지만은 

iframe을 써서 페이지 링크를 다 걸어놨다.

그래서 이렇게 위에 뜨게 됨 

저거 누르면 원하는 페이지로 이동됨. 그리고 target을 top으로 해놔서 바로 보이게 해놨다 ~

뭘 더 써야될지 모르겄네... 오늘 배운건 그래도 수월했다 .

 

오늘 궁금증 다 해결해서 기분 좋았다.

 

 

 

 

 

 

 

 

 

 


~숙제~

https://html.spec.whatwg.org/multipage/named-characters.html

 

HTML Standard

HTMLLiving Standard — Last Updated 26 December 2022 ← 13.2 Parsing HTML documents — Table of Contents — 14 The XML syntax → 13.5 Named character references 13.5 Named character references This table lists the character reference names that are su

html.spec.whatwg.org

  여기서  문자표를 긁어봐버리자ㅋ 근데 어떻게 찾는건지 모르것음...ㅋ 

 

HTML 문자표 찾기

https://unicode-table.com/kr/html-entities/#block-arrows

 

HTML 엔티티

HTML 엔티티 및 인기있는 문자 코드 목록

unicode-table.com

차라리 이사이트가 더 낫네;; 

근데 저 가운데 가곡이 어떻게 가운데로 가는거여...????그걸 모르겠네 ~

 

 


1. 

반응형