HTML5 오늘은 'HTML' 이라는 프로그래밍 언어의 기초에 대해 공부했다. HTML (Hypertext Markup Language) 는 웹 페이지의 틀을 만드는 아주 중요한 마크업 언어이다. 현재는 'HTML5' 가 웹 표준 언어로 선정되어있다. 여기서 마크업 언어(Markup Language) 란 '태그(Tag)' 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. HTML에서 태그는 굉장히 중요한 개념이다. 태그에 대해 쉽게 설명하자면 뜻 그대로 어떠한 표시를 하기 위한 요소이다. 글씨의 색깔, 모양, 크기 등 특정 부분의 특성을 나타내준다. 개발 환경은 메모장에서 해도 되지만, VS code에서 진행했다. 오늘 만들어볼 것은 간단한 HTML 설명 웹 페이지 이다. 먼저 '태그'..
저번 시간에 구글 메인화면 글자를 만들어보았어요. 오늘은 밑의 검색창까지 완성해볼게요! [3] Bootstrap 활용하여 검색창 추가 저는 아직 완전 기초부터 하고있기 때문에 직접 만드는건 힘들어요. 그래서!!! Bootstrap 에 있는 검색창을 끌어다 써볼거에요. 사실 Bootstrap 을 어떻게 쓰는지도 이번에 알았답니다... doc 카테고리에서 "input" 을 검색하면 위와 같은 버튼이 여러개 나와요. 저는 그중에서 마우스를 올리면 파랗게 되는 두번째 박스를 이용할거에요. 두번째 소스코드를 복사해서 index.html 의 , 부분에 넣어줍시다. 버튼이 바뀌긴 바꼈는데 우리가 원하는 모양으로 나오지 않았죠? 바로 위의 클래스를 연결해주는 CSS가 없기 때문인데요, 처음에 무척 당황했습니다;; Bo..
안녕하세요! 저는 요새 웹프로그래밍을 공부중입니다. 기초적인 HTML,CSS 의 문법을 독학하며 흥미를 느꼈거든요. 그래서 오늘은 첫 클론코딩으로 구글 메인화면을 만들어보려고 해요! 그냥 만들면 재미없으니 제 성을 따 "Poogle" 메인화면을 만들어보겠습니다. 참고로 조코딩님의 유튜브를 참고했어요! [1] 파일 생성 및 기본 틀 작성 우선 저는 Visual Studio Code를 사용하여 HTML, CSS파일을 만들었어요. index.html, style.css 파일을 만들어줍시다. 기본 HTML 틀이에요. 어제 HTML의 기본 구조와 태그들을 공부했는데 생각보다 빠르게 이해돼서 재밌었어요. 우선 웹페이지를 한국어로 만들거니까 2번째 줄 lang="ko"로 바꿔줍니다. 은 우리가 만들어볼 "Poogle..
