Top

001 HTML 요소 공부(1)

Daily Study/Web Dev

2021. 1. 5.

반응형

HTML 공부 1일차

#meta요소

오픈그래프 - 링크 등으로 사용될 때 나타낼 페이지 제목, 주소, 이미지, 설명 등

 


 

 

#문자실체참조

부등호 등의 표현은 문자 그 자체로 표현되는게 아니고 코드로 인식되기 때문에

이를 막기 위해서는 문자실체참조를 사용해야 함.

&  ; 앞뒤로 붙혀주면 됨.

ko.wikipedia.org/wiki/%EB%AC%B8%EC%9E%90_%EC%B0%B8%EC%A1%B0

 


 

#강조텍스트

#storng #em #mark

순서대로 em, strong, mark

 

 


 

#정의 #축약어 #작품제목

#dfn #abbr #cite

dfn 마우스 커서를 올리면 설명이 나타남
abbr title에 적은 내용이 축약어 위에 커서 두면 나타남

 

 


#루비

#ruby #rt #time #datetime

루비를 따로 한 번에 적용하면 단어의 중간에, 글자별로 따로 적용하면 해당 글자 위에 루비가 붙음. time datetime 은 실제로 나타나진 않지만 코드에 시간 데이터가 추가됨.

 

 


 

아직 처음이라 크게 뭘 배울건 없지만

기본적인 것들이라 알아두면 좋을 거고 사실 요소들을 익힌다기보다는

서브라임 텍스트 단축키들에 손이 익도록 하는 시간이라고 생각하는게 좋을 것 같기도 하다.

 

디자인에서 개발로 넘어오는거다보니 css나 js 배우기 전인 html은 아직 크게 뭐가 와닿거나 인사이트가 생기진 않는 것 같다.

반응형

'Daily Study > Web Dev' 카테고리의 다른 글

006 CSS 공부(2) 폰트 스타일  (0) 2021.01.14
005 CSS 공부(1)  (0) 2021.01.11
004 HTML 공부(4)  (0) 2021.01.07
003 HTML 공부(3)  (0) 2021.01.06
002 HTML 요소 공부(2)  (0) 2021.01.05