반응형 전체 글108 [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. [html] a herf="웹주소" html에서 a 태그는 많은 역할을 한다. anchor의 약자로 다른 속성과 함께 사용된다. 유튜브 a태그 안에 있는 텍스트가 링크라는 사실을 알려주고, href 속성과 함께 링크할 주소를 입력해주면 a태그 안에 있는 텍스트를 마우스로 누르면 해당 링크로 이동된다. 위의 코드로 나타낸 결과는 아래와 같다. 유튜브란 텍스트에 밑줄이 있고, 이는 곧 링크가 걸려 있다는 걸 의미한다. 마우스로 텍스트를 누르게 되면, 우리가 아는 유튜브 홈페이지 www.youtube.com으로 이동된다. 2022. 8. 9. Eric A. Meyer's Reset CSS(에릭 마이어의 CSS초기화) CSS 초기화 스타일은 일반적으로 마진(margin)과 패딩(padding)을 0으로 설정한다. 다음은 HTML, CSS, 웹 표준 전문가인 에릭 마이어(Eric A. Meyer)의 CSS초기화 내용이다. https://meyerweb.com/eric/tools/css/reset/ 2022. 8. 8. 이전 1 ··· 7 8 9 10 11 12 13 ··· 18 다음 반응형 LIST
