덕's IT Story

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..