어제 업로드한 HTML강좌 #06에서는 브라우저 사이즈에 맞게 반응하는 텍스트 예제를 보여드렸는데요 newstroyblog.tistory.com/46?category=874865 HTML 강좌#06 브라우저 사이즈에 맞게 글자크기가 변하는 반응형 텍스트 만들기 최근에는 대부분의 사이트가 반응형 페이지로 이루어지고 있는 추세입니다 반응형 웹이라고 하면 제작한 웹사이트를 PC, 스마트폰, 태블릿 등 접속하는 기기의 종류에 따라서 화면의 사이즈가 � newstroyblog.tistory.com 게시물에 나와있는 사용방법을 보시면 두 가지의 방법이 있습니다 첫 번째로 html내에서 p태그 내에 스타일을 주어 폰트 사이즈를 지정해주었지요 그리고 두 번째 div요소를 생성 후에 css에서 스타일을 적용시켜주었습니다..
최근에는 대부분의 사이트가 반응형 페이지로 이루어지고 있는 추세입니다 반응형 웹이라고 하면 제작한 웹사이트를 PC, 스마트폰, 태블릿 등 접속하는 기기의 종류에 따라서 화면의 사이즈가 자동으로 변하도록 제작된 웹 페이지를 말합니다 몇 년 전까지만 해도 부분의 웹페이지는 pc에서만 접속하거나 작동하였지만 요즘에는 스마트폰을 이용하여 모바일에서도 접속하는 경우가 많습니다 하지만 pc용으로 설계된 웹페이지의 경우 모바일 화면에서 보면 화면의 구조가 이상하거나 또 화면을 확대해서 이곳저곳 움직여야 하고 이용자에게 있어선 엄청 불편하겠죠? 오늘은 반응형 웹페이지를 제작 시에 텍스트 부분 pc화면으로 볼 때 텍스트를 넣은 후에 글자크기가 고정이 아니라 브라우저 크기에 따라서 줄어들게 한번 제작해볼 겁니다 아래의 적..
반갑습니다~글을 작성하다보니 어느덧 5강까지 왔네요이전 강좌들은 HTML을 배우는데 많은 도움이 되셨나요??4강 게시물을 아직 읽지 못하고 오신분들은 아래 링크를 클릭하여 게시물을 읽은후 5강을 들으면공부에 도움이 될겁니다! 4강 링크를 클릭하세요! 이번 5강에서는 HTML에서 주석을 다는 방법에대해서 알려드리려고 합니다 주석이란?소스코드의 양이 많아진다면 매번 어느부분인지 확인하기가 어렵습니다 그렇기 때문에 HTML프로그래밍을 하는 과정에서 각 행별 어떤 소스 코드인지 이해하기 쉽게 정리하는데 사용이 됩니다 주석은 HTML뿐만아니라 css에도 있으며 C언어나 vb.net ,c#에도 존재합니다 하지만 프로그래밍 언어에따라서 약간씩 주석을 넣는 방법도 다릅니다 그럼 HTML에서는 주석을 어떻게 넣을까요??..
저는 전문강사나 실무경험자가 아니기에 이론에 관해선 나무위키나 구글에 검색하시는게 좋습니다 제가 HTML을 배우면서쉽게 이해하고 불필요한 부분은 최소화하여 설명해드리겠습니다 강좌를 진행하기 앞서 이전 1강에서웹사이트를 구성하고있는 언어의 종류에 대해서 간단히 소개하고 에디터에대해서 소개해드렸습니다이전 강좌를 보지 못한분은 아래링크를 클릭하여 확인해주세요 https://newstroyblog.tistory.com/2?category=874865 우선 HTML (Hypertext Markup Language)은 웹페이지 및 웹 응용프로그램을 만들기위한 언어입니다 CSS (Cascading Style Sheets) 및 자바스크립트 (JavaScript)를 사용하여 기본적인 웹 페이지를 구성합니다 지난 게시물에..
