본문 바로가기
반응형

Markup languages/HTML(HyperText Markup Language)7

[html] hn tag 안경점이나 안과에서 볼만한 다양한 크기의 글씨. html에서 어떤 태그로 만들 수 있을까? hn(숫자)를 이용하면 제목에 사용되는 글자를 표현할 수 있다. h1~h6 태그의 결과가 위에서 아래로의 글자 크기이다. 숫자가 커질수록 글자 크기는 작아진다. 규격에 맞게 일괄적으로 쓰면 깔끔하게 표현할 수 있을 것이다. 제목 제목 제목 제목 제목 제목 2022. 8. 12.
[html] p tag, br tag의 차이 글을 쓸 때 들여 쓰기를 통해 단락을 나누어 내용을 구분하는 것처럼 html에서 p태그를 사용하면 단락을 표현할 수 있다. 아래는 html를 설명하는 위키피디아의 설명으로 단락을 구분해보고자 가져왔다. The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. Web browsers receive HTML documents from a.. 2022. 8. 11.
[html] li tag, ul tag, ol tag li 태그는 list의 약자로 단독으로 사용한 경우가 적다. 태그 안에 태그로 많이 사용하는 편이다. ul 태그와 ol 태그와 비교해보면 잘 알 수 있다. ul 태그는 un-ordered list의 약자로 순서가 없는 리스트며, ol 태그는 ordered list의 약자로 순서가 있는 리스트이다. 다음과 같이 작성 후 결과를 살펴보자. A B C D 행사개요 행사일정 행사장소 주최기관 결과는, 이렇게 나온다. ul 태그 안에 있는 li 태그는 의미하는 순서가 없다는 건 같은 항목 수준이라는 걸 의미한다. 한편, ol 태그는 순서가 있어 그 순서대로 항목 수준이 나열되는 걸 의미한다고 할 수 있다. 2022. 8. 10.
[html] a title, a target 지난 포스팅에서 a 태그에 href 속성으로 링크를 첨부했다. 이어서 title과 target 속성을 사용해보자. 유튜브 title은 텍스트에 마우스가 올라갔을 때 다음과 같이 간단한 설명, 연결된 하이퍼링크에 대한 설명을 작성할 수 있다. target은 href로 연결된 링크를 '새창으로 열기' 기능을 하는 속성으로, 이 속성을 사용하지 않으면, 같은 창에 해당 링크가 열린다. 2022. 8. 9.
반응형
LIST