내가 필요할 때 보려고 만든 html, css

  ****주인장이 블로그 운영에 미숙하여 HTML, CSS 뒤죽박죽 정리 되어있음을 알립니다...

 

1. HTML <q>

<q> 태그는 짧은 이용문에 사용된다.

 

2. HTML <sub>

<sub> 아래 첨자 요소

 

3. HTML <del>, <ins>

 

<del> 요소는 텍스트 한가운데 라인(line)을 추가하여 문서에서 삭제된 텍스트를 표현할 때 사용

 

또한, <ins> 요소는 텍스트 아래쪽에 라인을 추가하여 문서에서 추가된 텍스트를 표현

<del>과 <ins> 사용 예시

 

4. HTML <blockquote>

 

<blockquote> 태그는 다른 출처로부터 인용된 블록을 정의할 때 사용하며, 이렇게 인용된 블록을 브라우저는 보통 들여쓰기를 사용하여 표현

 

짧은 길이의 인용구를 정의할 때는 블록으로 나뉘는 <blockquote> 요소보다는 <q> 요소를 사용하는 것이 바람직함

<blockquote>

 

5. HTML <bdo>

 

<bdo> 태그의 dir 속성은 <bdo> 요소 내에 위치한 텍스트들의 방향성을 명시함

 

문법 <bdo dir="ltr|rtl">

  ltr: 왼쪽부터 오른쪽 방향으로 써지는 텍스트 방향성

  rtl: 오른쪽부터 왼쪽 방향으로 써지는 텍스트 방향성

<bdo dir = "ltr">, <bdo dir = "rtl>

 

6.CSS <a>

 

 오른쪽 결과물 Back to Home에 마우스 커서를 올리면 Home 출력됨

 

7. CSS <input>

 

 <button> 태그와 같은 결과물

   *참고 <input> 태그와 <button> 태그의 차이점

    https://cocoder16.tistory.com/18?category=1173631 님의 글 참고하기

 

 

8.HTML select와 option 태그

  https://thrillfighter.tistory.com/572 님의 글 참고

https://thrillfighter.tistory.com/572님의 글에서 발췌 해왔습니다.

 

9. CSS Id와 class 차이

 

10.  CSS 'box-sizing: border-box'

 모든 요소에 box-sizing: border-box를 적용하면 모든 박스에서 여백과 테두리를 포함한 크기로 계산된다.

 레이아웃과 관련된 이야기를 할 때에는 border-box 계산법을 기준으로 이야기한다.

 

 

 *********내용은 차차 계속 보강될 수 있으며, 추후에 HTML과 CSS를 따로 정리 해보도록 하겠습니다.....