HTML&CSS

HTML/CSS를 활용하여 Twittler 구조를 제작해 보자

CodeStates Html/Css 과정을 통해 아래 화면의 웹 페이지를 pair 동기와 함께 HTML과 CSS를 활용하여 제작하는 프로젝트를 진행했다. https://codesandbox.io/s/twittler-forked-sjwofp?file=/index.html twittler (forked) - CodeSandbox twittler (forked) by jungdo8016 using parcel-bundler codesandbox.io 웹 페이지는 https://codesandbox.io/s/twittler-kbuvb5 라는 웹 페이지 제작 프로그램을 통해 제작되었고 아래 와이어 프레임을 기반으로 크기 및 기능 등을 설정하고 제작되었다. ​ 아래는 완성된 HTML 코드이다. twittler Us..

HTML/CSS 기초 이론을 공부해 보자

시작에 앞서, Front 언어 학습에 도움이 될만한 사이트를 참조하겠다. https://poiemaweb.com/ 웹 프로그래밍 튜토리얼 | PoiemaWeb Front-end Development Tutorial poiemaweb.com 해당 사이트를 통해 HTML/CSS를 비롯하여 JS 등의 기초적인 문법 학습이 가능하다. #HTML이란? HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. 여기서 하이퍼 텍스트(Hypertext)란? 링크를 통해 다른 문서로 이동할 수 있는 텍스트를 의미한다. 예를 들어 https://poiemaweb.com/ 해당 url주소를 클릭하면 특정 사이트로 이동하는 것처럼 자신이 지정한 위치로 이동시킬 수 있는 텍스트..