본문 바로가기

html4

[HTML] HTML 기본구조와 태그 안녕하세요.HTML의 기본구조와 태그를 알아보겠습니다. 일단 HTML의 기본구조를 알아보기에 앞서. 태그가 무엇인지 알아보겠습니다.태그는 HTML에 어떤 데이터를 넣고 싶을때 사용하는 방식을 말합니다  태그의 사용법은 안에 형식에 맞는 글씨를 넣어주고 로 태그를 닫아주시면 됩니다.예를들면 글을 적는 태그는 , 제목을 적고싶으면 등 다양한 태그를 사용하실수 있습니다. 실제로 태그들을 사용하며  HTML 구조를 보겠습니다.HTML  기본구조 여기에 웹페이지에 표시할 콘텐츠(태그)를 입력해주세요 문서 형식 선언 (!DOCTYPE html)문서의 내용이 시작되기 전에 해당 문서가 어떤 마크업 형식으로 작성이 되어있는지 명시DOCTYPE 뒤에 html이라고 쓰여져 있는 것은 '이 문서가 HT.. 2024. 7. 17.
[CSS] display 속성 : inline, inline-block 이전에는 display속성중의 기본인 block에 대해 설명 드렸습니다. 두번째로는 inline속성에 대해 설명 드릴게요. inline 요소에 해당하는 태그들은  span, a, em 등이 존재합니다.inlineinline속성은 block속성에서도 설명 드렸듯이 한줄로 나열되는 속성입니다. 다시, 한번 코드를 보며 설명드릴게요. html코드는 block속성에 참고코드와 동일하니 참고 바랍니다. .box{ padding: 50px; display: inline; inline -->}.red{ background-color: #e46e80;}.blue{ background-color: #5195ee;}.green{ background-color: #32b9c1;}.yellow{ .. 2024. 7. 15.
[CSS] display 속성 : block 안녕하세요 오늘은 CSS에 Display 속성에 대해 알아보겠습니다. 우선 Display 속성에는 inline, inline-block, block이 존재합니다.block첫번째로 block에 대해 먼저 알아보겠습니다. block 요소에 해당하는 태그들은  header, footer, p, li, table, div, h1 등이 존재합니다. block 속성은 나중에 배우게 될 inline속성과 달리 한줄에 나열되지 않고 다음 줄로 표시됩니다.예를 들어 보겠습니다. red blue green yellow 간단하게 red, blue, green, yellow 박스를 만들어 보았습니다..box{ padding: 50px; display: inline.. 2024. 7. 15.
HTML, CSS란 무엇인가? 안녕하세요 T-Story Blog를 처음 시작하게 되었습니다. 저의 첫 블로그 첫 글은 HTML과 CSS가 차지 하게 되었네요. 저도 처음 도전 해 보는 언어라 익숙하지 않습니다. 같이 스터디를 진행하며 천천히 알아가 보도록 하시죠.우선, 무엇이든 처음부터 시작하려면 기본 구조와 개념을 이해 해야겠죠? HTML 이란?Hyper Text Markup Language한 페이지에서 다른 웹 페이지로 이동할 수 있는 기능을 갖춘 문서를 작성하기 위한 언어하이퍼링크 시스템, 구조를 설계할 때 사용하는 언어, MARK UP 언어CSS 란?Cascading Style SheetsStyle sheetHTML 문서의 요소에 선택적으로 스타일을 적용할 수 있습니다. HTML과 CSS는 위와 같이 정의할 수 있습니다. 이론.. 2024. 6. 19.

티스토리툴바