본문 바로가기
반응형

HTML5

[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.
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.
[html] html5 charset=utf-8 인코딩(Encoding)이란 컴퓨터가 문자를 처리할 수 있도록 byte(또는 bit) 형식으로 변환하는 것을 말한다. 'charset=utf-8'은 문자 인코딩의 구성 문자 집합(character set, charset)또는 문자 세트를 의미한다. HTML 문서를 한글 폰트가 없어도 한글을 볼 수 있게 하려면 'UTF-8'인코딩을 사용한다. 이 두 가지를 html으로 마크업 하기 전에 맨 위에 작성하면 편하다. 마크업 하는 동안 이 부분을 신경 쓰지 않아도 되기 때문이다. 이 코드를 다 외워도 되지만, Visual Code의 Mithril Emmet 설치 후 단축키로 한번에 작성할 수 있다. 설치 후 html 문서로 와서 ! + Tab 단축키를 누르면, 맨 위의 12줄의 코딩이 자동으로 작성되는 걸 확인.. 2022. 8. 6.
CSS(Cascading Style Sheets) CSS(Cascading Style Sheets)는 종속형 스타일 시트로, HTML에 스타일, 레이아웃 등 디자인 서식을 작성하는 언어이다. 건축에 비유한다면 HTML이 뼈대를 세우는 거라면, CSS는 인테리어 작업이라고 할 수 있다. 문서의 글자, 간격, 배경, 색상, 이미지 등 스타일을 HTML 문서에 적용하여 시각적으로 예쁘게 꾸미는 작업이다. 즉, 정보를 시각화하여 사용자에게 더 효율적으로, 눈에 띄게 해 준다. CSS는 HTML 문서 내 직접 규칙을 포함하여 작성하거나, *.css 문서를 별도로 만들어 작성하고 있는 HTML 문서에 연결시킬 수도 있다. CSS를 활용하면 문서의 내용과 디자인 형식을 분리할 수 있어, 내용에 대한 접근성이 높아진다. 부분 수정, 유지보수를 쉽게 할 수 있다. 또한.. 2022. 7. 29.
반응형
LIST