반응형 웹프로그래밍/HTML20 HTML Styles 속성(텍스트, 배경색, 폰트, 폰트크기) Styles 기본 구성 -> 기본적으로 HTML의 구성은 property(속성):value(가치)가 온다. 배경색(Backgroun Color) This is a heading This is a paragraph. -> 위의 예시코드는 배경을 파란색으로 바꾸는 예시코드이다. -> CSS 요소인 background-color를 사용해 HTML요소의 배경의 색깔을 파란색으로 바꿨다. This is a heading This is a paragraph. -> 위의 방식대로 작성할 경우 h1의 배경 색깔은 green(초록색) ->p(단락)의 배경색깔은 yellow(노란색)으로 나타나진다. 텍스트색(Text Color) This is red This is blue -> CSS요소인 color를 통해 HTML의 텍.. 2023. 9. 3. HTML 주석 hello 동해물과 백두산이 하느님이 보우하사 -> 주석의 경우 코드에 작성은 하지만 페이지에서는 보이지 않는 것을 뜻한다. -> 주석을 사용하는 이유는 다른 사람이 자신의 코드를 볼 때 주석을 달아줌으로써 코드를 좀 더 쉽게 이해할 수 있다. -> HTML 주석의 경우 를 사용하며 이 안에 들어가는 문장, 단어는 무조건 주석 처리한다. 2023. 9. 3. HTML 인용 및 인용요소(Quotation and Citation Elements)<blockquote>, <q>, <abbr>, <address>, <cite>, <bdo> 정리: - 다른 소스에서 인용된 섹션 정의 - 짧은 인용문 정의 - 작품의 제목 정의 - 축약 또는 줄임말 - 문서 작성자 또는 소유자의 정보를 정의 - 텍스트 방향을 알려준다. Here is a quote from WWF's website: For 60 years, WWF has worked to help people and nature thrive. As the world's leading conservation organization, WWF works in nearly 100 countries. At every level, we collaborate with people around the world to develop and deliver innovative solutions that prote.. 2023. 9. 3. HTML 기초(예제 코드) HTML document This is a heading This is a paragraph. -> title은 위에 뜨는 페이지 제목 -> h1은 페이지에서의 제목 -> p는 페이지안 단락을 의미 HTML headings This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 -> h1 ~h5로 갈수록 제목의 크기가 작아진다. HTML paragraphs This is a paragraph. This is another paragraph -> 는 단락을 표ㅗ시함 HTML links HTML Links HTML links are defined with the a tag: This is a link -.. 2023. 9. 3. 이전 1 2 3 4 5 다음 728x90 반응형