본문 바로가기

WEB

 (22)
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습_미디어쿼리)_(4) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(3) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. 그리고 이전에 CSS를 적용시키는 실습 예제 같은 경우에는 밑의 링크의 글에 게시되어있다. 2020/01/16 - [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 [CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(실습)_(2) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. HTML ( CSS에 대한 페이지 ) 디자인 태그의 아래쪽 테두리 만들기 ... 생략 ... h1 { font-size: 45px; text-align: center; border-bottom: 1px solid gray; } ... 생략 ... 위의 출력 화면을 보게 되면 위쪽 공간은 넓고, 아래쪽 공간은 좁다. 이를 해결하기 위..
[CSS] 기본 속성 및 HTML 예제 파일 CSS 적용(style, color, text-decoration, class, id, border, padding, margin)_(1) - 짱우의 코딩일기 - 티스토리 CSS 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 그리고 CSS 실습을 하면서 사용한 예제는 밑의 링크에서 만들어 놓은 HTML 파일을 바탕으로 사용했다. HTML 예제 (1) HTML 예제 (2) HTML 예제의 제목에 태그가 들어가서 위와 같이 링크를 걸 수밖에 없었다. ... 생략 ... 태그의 밑줄 없애기, 제목 가운데 정렬 및 글자 크기 키우기 ... 생략 ... ... 생략 ... 태그를 걸면 해당 글자에 밑줄이 쳐져 있는데 이를 없애기 위해서는 'text-decoration: none;' CSS 코드를 추가해주면 된다. 글자의 정렬은 text-align을 사용하면 된다. 현재 머물고 있는 ..
[HTML] 기본 문법과 태그_(2) (<li>, <title>, <meta>, <head>, <body>, <html>, <a>) - 짱우의 코딩일기 - 티스토리 HTML 기본 문법과 태그에 대해서 글을 남겨보려는데 생각보다 글이 길어져서 두 개로 나눠서 작성해보았다. HTML 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 원래 밑에 링크를 걸어놓으려 했지만 해당 링크의 제목에 태그가 들어가기 때문에 게시글이 이쁘지 않게 작성이된다. 링크 따라서 위의 글씨에 링크를 걸어놓았다. 부모 자식과 목록 태그를 이용해 목차 만들기 1. HTML 2. CSS 3. JavaScript HTML Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed ..
[HTML] 기본 문법과 태그_(1) (<strong>, <u>, <h1>, <br>, <p>, <image>) - 짱우의 코딩일기 - 티스토리 요즘 HTML 공부를 하면서 티스토리 블로그를 편집할 수 있는 실력이 생길날이 오기만을 기다리고 있다. 아직 CSS는 공부를 못했으니 좀만 참아봐야겠다. HTML 공부는 '생활코딩! HTML+CSS+자바스크립트' 책을 보면서 공부하고 있다. 다음 글의 예제들도 모두 책에 있는 내용을 바탕으로 작성한 글이다. 기본 문법과 태그 html 파일 생성 후 텍스트 입력 Hypertext Markup Language (HTML) is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) a..

티스토리툴바