덕's 머니스토리

CSS Positioning The Box Model 1. See it to believe itControlling the position of HTML elements allows you incredibly fine control over how your pages look. No longer will your s sit directly on top of one another! Check out the image in the Result tab: that's what the box model looks like! (We'll cover the details of margins, borders, and padding in the next section.) 2. Taking up space Each HTM..

CSS Selectors A Greater Selection 1. All HTML elements are selectorsWe've used a number of HTML elements as CSS selectors so far: we've styled the HTML tags with the CSS selector h1, with p, and so on. You may have guessed this, but if not, we'll say it outright: any HTML element can be a CSS selector! You can modify s,s, and even the entire by selecting ul, table, and body, respectively. 2. Mul..

Design a Button for Your Website Coding in Style 1. What you’ll be buildingYou've probably seen all kinds of nifty-looking buttons on your favorite websites that link you to different webpages. In this project, we'll show you how to make your own! 2. Drawing your buttonLet's get started! First things first: we'll need to create our button. We'll do this with tags. 3. Shaping your buttonThis invo..

CSS: An Overview What’s CSS? 1. Seeing is believingThe stylesheet.css tab (which we'll teach you how to use in this course) contains all the CSS styling information: where HTML elements should go, what color they should be, how big they should be, and more. 2. What CSS isCSS (which stands for Cascading StyleSheets) is a language used to describe the appearance and formatting of your HTML.A style..

Learning about tables 1. Introduction지금까지 다음과 같은 내용을 배움how to set up the skeleton of an HTML fileheadings, paragraphs, images and linksfont colors, sizes, and typesbackground colors, aligning text, bolding and italic resizing font이번 코스에서는 , , 에 대해서 배울 것이다. 2. What are tables?정리된 데이터를 표현하기 위해 테이블은 매우 유용하다. : 테이블의 rows 와 columns 을 이용해 정보를 깔끔하게 표시 3. Rows of information테이블은 행과 열로 구성된 그냥 뭉텅이 : tr 태그..

Making lists 1. Introduction 이번 코스에서는 다음과 같은 내용들을 배운다. a. Making ordered and unordered listsb. Changing font size, color and typec. Changing the background colord. Aligning the text 2. Indentation is your friend 태그의 들여쓰기를 잘해야 코드를 읽기가 쉽다. 3. Ordered lists : ordered list 태그 : 각 리스트 요소 5. Unordered lists : unordered list 태그 : 각 리스트 요소 6. Lists inside a list 리스트 안에 리스트 넣기 Styling the font! 7. Making..

Introduction to HTML 1. Why learn HTML? HTML : 모든 웹페이지 구조를 제공하는 골격: communicate 를 위한 HTML의 문법 : 텍스트를 진하게 해줌 2. HTML and CSS HTML (HyperText Markup Language)- HyperText : 링크를 포함한 텍스트- Markup language : 문서에 포함된 문장이나 그림, 표, 소리 등과 같은 문서 내용에 대한 정보가 아니라 그 문장과 그림,표는 어떻게 배치되고 글자는 어떤 크기와 모양을 가지며, 들여쓰기와 줄간격, 여백 등에 대한 정보를 가지는 언어 CSS (Cascading Style Sheets)- HTML 을 꾸미는 스킨이나 메이크업 - 웹브라우저에게 HTML 언어로 쓰였음을 알리는..

오픈소스 커뮤니티는 새로운 기술을 배울 수 있는 공간이자 새로운 사람을 만날 수 있는 장이다. 하지만 막 프로그래밍을 접하는 사람들에게 오픈소스 커뮤니티는 낯선 공간이다. 왠지 프로그래밍 경력이 쌓인 개발자나 실력파 개발자만이 오픈소스 프로젝트에 참여해야 할 것 같아서이다. 실제로는 그 반대이다. 많은 오픈소스 커뮤니티가 초급 개발자, 젊은 개발자들을 찾고 있다. 초급 개발자라도 오픈소스에 기여할 수 있는 방법은 많기 때문이다. 오픈소스에 기여한다는 것오픈소스에 기여한다는 건 소스 코드를 수정하고 고치는 일만 뜻하는 건 아니다. 오픈소스 SW를 개발하는 개발자에게 도움을 주는 모든 행위가 오픈소스에 기여하는 일이다. 오류를 제보하거나, 주석을 쓰거나, 문서화 작업에 참여하는 일도 포함된다. 오픈소스에 도..