꿀팁모아

HTML CSS 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML CSS 입니다 1 CSS CSS 는 계단식 스타일 시트의 약자인데요. CSS 많은 작업을 저장할 수 있어요. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있기도 하구요 ㅎㅎ CSS를 사용하면 색상, 글꼴, 텍스트 크기, 요소 사이의 간격, 요소의 위치 및 배치 방법, 사용할 배경 이미지 또는 배경색, 다양한 장치 및 화면 크기에 대한 다양한 디스플레이 등을 제어할 수 있습니다. 계단식 스타일? 그게 뭘까요? 계단식이라는 단어는 부모 요소에 적용한 스타일이 부모 내의 모든 자식 요소에도 적용된다는 것을 의미하는데요. 따라서 본문 텍스트의 색상을 "파란색"으로 설정하게 되면 본문 내의 모든 제목, 단락 및 기타 텍스트 요소도..

HTML 댓글 및 색상 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML 댓글과 색상입니다 1 서론 HTML의 정의부터 시작해서 편집하는 방법 그리고 그외 기본 다른 요소들에 대해서 많이 알아보았는데요. 앞으로 조금만 더 기본기를 다루고 더 깊게 들어가려고 합니다. 그러기 위해선, 앞으로 있을 기본기들과 지난 포스팅을 잘 복습하시면 따라오기 편할 듯해요 ㅎㅎ 이번 포스팅에서 댓글과 색상에 대하여 이야기 하려고 합니다. HTML 주석에 대하여 물어보시는 분들이 많으신데.. HTML 주석은 브라우저에 표시되지 않지만 HTML 소스 코드를 문서화하는데 도움이 될 수 있어요. 그럼 이제 시작해볼게요 ㅎㅎ 2 HTML 댓글 태그 및 추가 다음 구문을 사용하여 HTML 소스에 주석을 추가할 수 있는데..

HTML 인용문 및 인용 요소 안녕하세요 꿀팁모아의 희망주기입니다 저번 시간에 이어 오늘은 인용문에 대해서 알아보도록 하겠습니다 1 HTML 인용문 는 블록 따옴표 인용문으로 다른 소스에서 인용된 섹션을 정의할 때 쓰는 요소인데요. 브라우저는 일반적으로 이 요소를 들여 씁니다. 2 HTML 짧은 인용문 는 HTML에 있어 짧은 인용문을 정의할 때 쓰는 요소인데요. 일반적으로 따옴표를 삽입합니다. 3 HTML 약어 HTML 태그는 "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM"과 같은 약어 또는 약어를 정의하는데요. 약어 표시는 브라우저, 번역 시스템 및 검색 엔진에 유용한 정보를 제공할 수 있어요. 전역 title 속성을 사용하여 요소 위로 마우스를 이동할 때 약어/약어에 대..

HTML 텍스트 서식 지정 안녕하세요 꿀팁모아의 희망주기입니다 저번 포스팅에 이어서 오늘 알아볼 주제는 HTML 텍스트 서식 지정입니다 1 텍스트 서식 지정 HTML 에는 특별한 의미로 텍스트를 정의하기 위한 몇 가지 요소가 포함되어 있습니다. 서식 지정 요소는 특별한 유형의 텍스트를 표시하도록 설계가 되었다는 말과 같은 의미를 갖죠 ㅎㅎ 1) - 대담한 텍스트 2) - 중요한 텍스트 3) - 기울임꼴 텍스트 4) - 강조 텍스트 5) - 표시된 텍스트 6) - 작은 텍스트 7) - 삭제된 텍스트 8) - 삽입된 텍스트 9) - 아래 첨자 텍스트 10) - 위 첨자 텍스트 2 HTML 및 요소 HTML 요소는 별도의 중요성 없이 굵은 텍스트를 정의를 하는데 사용이 됩니다. HTML 요소는 매우 중요한 텍..

HTML 스타일 안녕하세요 꿀팁모아의 희망주기 입니다 저번 포스팅에 이어서 오늘은 HTML 속성 중에 Style에 대하여 자세히 알아볼 예정입니다 1 HTML Style HTML style 속성은 색상, 글꼴, 크기 등과 같은 스타일을 요소에 추가하는데 사용이 됩니다. HTML 의 글꼴 스타일을 설정하는 것은 style 이라는 속성 값을 이용하여 설정할 수 있으며 다음과 같이 설정하시면 됩니다. 속성은 css 속성이며 값은 css 입니다. CSS가 뭐지 싶으신 분들이 계실거 같기도 한데... 흐음.. CSS 부분 역시 카테고리 안에 있으니 조만간 올릴 포스팅에서 참고 하시면 될 거 같아요. 2 배경색 CSS 속성인 backgroud-color을 이용하여 HTML의 배경색을 정의합니다. 배경색 1의 경우 ..

HTML 단락 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML 단락입니다 1 HTML 단락 서론 단락은 항상 새 줄에서 시작하며 일반적으로 텍스트 블록을 말합니다. 이 문구가 html 요소에서 단락을 의미합니다. 단락은 항상 새 줄에서 시작되며 브라우저는 단락 앞뒤에 공백 (여백)을 자동으로 추가하는 역할을 합니다. 2 HTML 디스플레이 HTML이 어떻게 표시될지는 확실 할 수 없는데요. 크거나 작은 화면과 크기가 조정된 창은 다른 결과를 만들기 때문입니다. HTML을 사용하면 HTML 코드에 추가 공백이니 추가 줄을 추가하여 디스플레이를 변경할 수 없습니다. 브라우저는 페이지가 표시 될 때 추가 공백과 줄을 자동으로 제거하기 때문이죠 ㅎㅎ 3 HTML 수평 규칙 이 태그는 HTML 페..

HTML 제목 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 HTML 제목입니다 1 서론 HTML은 주로 웹 페이지를 만들기 위하여 존재하는 것이며 HTML의 제목을 만드는 것은 빠질 수야 없는 꼭 필요한 것인데요. 사실, HTML의 제목을 만드는 것은 정말 간단한 파트 중에 하나입니다. 정말 간단하지만 사람들이 놓치고 있는 것들이 있어서 포스팅을 남길까 해요. 오늘 이야기할 HTML 제목은 정말 내용이 짧습니다. 아직까지 해매고 싶은 분들은 서론을 건너뛰시고 바로 다음것부터 봐주시면 될 거 같아요. 2 HTML 제목 HTML 제목은 to 태그로 정의를 하게 되는 데요. 를 이용해서 말이죠. 은 바로 가장 중요한 제목을 정의하는데 사용이 되며.. 숫자가 점점 높아지는 head라인 인경우네는 중요..

HTML 속성 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 것은 HTML의 속성입니다 1 HTML 속성 모든 HTML 요소에는 속성이 있을 수 있는데요. 속성은 요소에 대한 추가 정보를 제공합니다. 항상 시작 태그에 지정이 되는 것이 키 포인트이기에 잘 알아두시면 좋을 거 같아요. 속성은 일반적으로 다음과 같은 이름 / 값 쌍으로 제공이 됩니다. name = "value" 이렇게 말이죠 ㅎㅎ 2 href 속성 태그는 하이퍼링크를 정의합니다. 이 속성은 링크가 연결되는 페이지의 URL을 지정하는데요. href 요렇게 나타낼 수 있습니다. 이해가 안되시는 분들을 위해 하나의 예시를 준비해봤습니다. 링크에 대한 자세한 내용은 HTML 링크 창에서 확인할 수 있습니다. 3 Src 속성 태그는 HTML 페이지..

HTML 기본 예제 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 주제는 저번 시간에 편집기에 이은 기본 예제들입니다 1 HTML 예제 HTML에는 많고 많은 방식으로 표현하는 방법들이 있는데요. 오늘은 예제들 중에서도 사람들이 많이 쓰는 타입들에 대해서 이야기도 해보며 어떤 태그를 써야 하며 끝 맞춤 태그는 어떻게 써야하는지에 대하여 알아보도록 할게요! 2 HTML 문서 모든 HTML 문서는 문서 형식 선언으로 시작해야 하는데요. 저저번 포스팅에서 이야기 한 것처럼 선언으로 시작을 해야합니다. 이후, 선언을 통하여 html 문서가 시작되는 것이며 첫 태그 을 썼다면 무조건 바디 이후에 끝 마무리를 맺을 때 을 쓰셔야 합니다. 저번 포스팅에서 마지막 결과물에서 사이트가 하나 뜨신것을 아실 수 있는데요...

HTML 편집기 사용방법 안녕하세요 꿀팁모아의 희망주기입니다 저번 포스팅에서 HTML의 간단한 소개와 구성요소들에 대해서 이야기를 해보았는데요 오늘은 HTML 편집기 사용방법에 대해서 이야기를 해보겠습니다 1 메모장 또는 텍스트 편집 사용 웹 페이지는 전문 HTML 편집기를 사용하여 만들고 수정할 수 있는데요. 하지만 HTML을 배우기 위해서라면 메모장 PC 또는 텍스트 편집 (Mac)과 같은 간단한 테스트 편집기를 사용하는 것이 좋습니다. 간단한 텍스트 편집기를 사용하여야 나중에 어려운 것을 배우거나 시도할 때 무리없이 해낼 수 있기 때문인데요. 오늘은 메모장 (pc)와 mac 텍스트 편집으로 배우는 방법을 소개할게요. 2 1단계: 메모장 열기 (PC) or 텍스트 편집 열기 (Mac) 우선 맥이 아닌..

HTML이란? 안녕하세요 꿀팁모아의 희망주기입니다 오늘 알아볼 것은 HTML 입니다 파이썬, c언어, 자바를 배우기 전에 한번쯤 들어봤을거 같은데요 오늘 HTML에 대하여 알아보겠습니다 1 HTML 이란? HTML은 하이퍼 텍스트 마크 업 언어의 약자이며 웹 페이지를 만들기 위한 표준 마크업 언어인데요. HTML을 쓰는 이유는 웹페이지를 만드는 사람들에게 구조를 설명하기 위함도 있으며 일련의 구성으로 이루어지기에 브라우저에 어떠한 컨텐츠를 가지고 있는지 표시하는 방법이기도 합니다. 이때, HTML의 요소라는 것은 "이것은 제목입니다", "이것은 단락입니다", "이것은 링크입니다"등과 같은 콘텐츠 조각에 레이블을 붙이는 것을 말해요 2 간단한 HTML 문서 살펴보기 아마 이렇게 설명을 해도 이해를 못할거 ..