본문 바로가기
반응형

HTML511

HTML5 - 목록 만들기(<ol>태그, <ul>태그) 순서 있는 목록을 만드는 태그(ol : Ordered List) HTML 삽입 미리보기할 수 없는 소스 순서 없는 목록을 만드는 태그(ul : Unordered List) HTML 삽입 미리보기할 수 없는 소스 2023. 9. 19.
HTML5 - 이미지, 링크 다루기(<img>태그, <a>태그) 태그 이미지 안에 width와 height 넣을 수 있으나 css로 관리하는 게 더 좋습니다. HTML 삽입 미리보기할 수 없는 소스 태그 구글 태그는 현재창에서 바로 열리는 게 기본값입니다. target="_blank" : 새로운 탭에서 열리는 것 의미합니다. target="_self" : 기본값 현재창에서 열리는 걸 의미합니다. title : 마우스를 올렸을 때 툴팁 텍스트를 어떤 내용으로 출력할지 여부를 결정합니다. href : 하이퍼링크 줄임말을 의미하며 이동할 경로를 적으시면 됩니다. HTML 삽입 미리보기할 수 없는 소스 2023. 9. 19.
HTML5 - 텍스트 서식(<span>태그, <pre>태그, <big>태그) 태그, 태그, 태그 태그 : span 태그는 div 태그처럼 특별한 기능을 갖고 있지 않고, CSS와 함께 쓰입니다. div 태그와의 차이점은 display속성이 block이 아닌, inline이라는 점인데 나중에 div태그 할 때 설명하겠습니다. 이 둘의 차이를 쉽게 설명하자면, 는 줄 바꿈이 되지만, 은 줄 바꿈이 되지 않다는 점입니다. 태그 : pre 태그는 미리 정의된 형식(preformatted)의 텍스트를 정의할 때 사용합니다. 저는 보통 코드를 설명할때 사용합니다. 태그 : html5 거의 5년째 사용 중인데 big태그는 처음 보는 거 같습니다. 말 그대로 글자 크기를 조절해 줍니다. 하지만 글자크기 조절도 보통 css로 조절하기 때문에 그리 중요한 태그는 아닌 것 같습니다. HTML 삽입 .. 2023. 9. 18.
HTML5 - 텍스트 서식(<blackquote>태그, <q>태그, <sub> 태그,<sup>태그) blackqutoe 태그 : 태그는 다른 출처로부터 인용된 블록을 정의할 때 사용하며, 이렇게 인용된 블록을 브라우저는 보통 들여 쓰기를 사용하여 표현합니다 q 태그 : blackqutoe태그와 비슷하며 짧은 이용문을 쓸땐 q태그를 사용합니다~ HTML 삽입 미리보기할 수 없는 소스 태그 : 아래첨자를 넣고 싶을 때 사용합니다. subscript를 의미합니다. 태그 : 윗첨자를 넣고 싶을 때 사용합니다. super subscript를 의미합니다. HTML 삽입 미리보기할 수 없는 소스 2023. 9. 18.
HTML5 - 텍스트 서식(<i>태그, <em>태그, <u> 태그, <ins>) 태그, 태그 태그 : italic을 줄여서 i태그, 기울어진 글자를 의미합니다. 태그 : emphasized text 줄여서 em태그, 요소는 HTML5에서도 여전히 지원되지만, 대신 CSS를 사용하면 더욱 다양한 효과를 줄 수 있습니다. 저는 보통 i 태그를 주로 사용합니다. 가끔씩 코드 다른 분들 코드를 가져오면 종종 em태그 i 태그를 사용하기 때문에 알아두시면 굉장히 유용하다고 생각합니다. css로도 사용 가능하니 codepen 참고하시기 바랍니다. HTML 삽입 미리보기할 수 없는 소스 태그, 태그 태그 : underline 태그 줄여서 u 태그, 글자의 밑줄을 의미합니다. 태그 : 태그는 텍스트 아래쪽에 라인(line)을 추가하여 문서에 추가된 텍스트를 표현할 때 사용합니다. 저와 다른 사람은.. 2023. 9. 18.
반응형