웹개발 (13) 썸네일형 리스트형 5강. 웹개발 목록 만들기<li>,<ol>,<ul> 2020.07.16 저녁 11시입니다. 오늘은 시간이 좀 남아서 일찍 공부하고 공유하고 자려고 합니다. 저번시간에는 웹페이지에 사진을 넣는 법을 배웠습니다. 잘 따라오고 계시나요? 오늘은 목차를 구성하고 그 과정에서 부모,자식 관계의 태그에 대해서 배워볼까 합니다. 잘 따라와 주세요~! 우선 다음과 같이 Atom에서 임의로 문장들을 넣어 보았습니다. 1,2,3번줄을 추가해주었는데 실제로 웹페이지에서는 줄바꿈이 자동으로 되지 않기 때문에 을 넣어주어서 한 줄씩 바꾸도록 설정해보겠습니다. 줄바꿈도 지난시간에 배웠죠~? 이렇게만 해놓아도 1,2,3번줄은 목차처럼 보입니다. 하지만 이렇게 할 필요없이 우리는 목차 태그를 이용해주면 됩니다. 목차가 영어로 뭐죠? 네 맞습니다. List 입니다. 그러면 우리가 실제.. 4강. 웹페이지에 사진 올리기<img> 태그 및 속성 안녕하세요! 2020.07.15 오늘도 출석 완료하였습니다. 솔직히 말하면 이제는 웹 개발에 흥미를 많이 느끼고 있어서 이 시간을 기다리며 지내는 중입니다. 저는 새벽 00:00시부터 01:00시에 짬을 내서 공부하고 있습니다. 하루에 한 시간만 해도 충분히 나아가고 있다는 게 느껴집니다. 오늘도 생활코딩 인강을 보면서 열심히 공부하고 주요 부분 정리해서 올리도록 하겠습니다. 오늘 배울 부분은 웹페이지에 사진 올리기 태그입니다. img는 image의 줄임말로 보이네요. 우선 웹페이지에 사진을 올리기 전에 저작권에 구애받지 않고 무료로 사진을 다운로드할 수 있는 사이트를 하나 소개해드릴까 합니다. 다음 URL을 참고해주세요. www.unsplash.com Beautiful Free Images & Pict.. 3강.HTML 태그 <h1> , <br>(줄바꿈) 안녕하세요 오늘은 2020.07.14 화요일입니다. 작심삼일이라는 사자성어가 떠오르네요. 저는 항상 이 3일을 기준으로 포기를 하거나 끝까지 진행하거나를 결정하는데 오늘도 꾸준히 적는 걸 보니 아마 웹 개발 쪽으로 열심히 배울 것 같습니다. 오늘 배울 태그는 ~~~ 입니다. 제목과 같은 느낌을 연출할 수 있는 태그(문법)입니다. 먼저 Atom을 켜주세요. 혹시 Atom 설치 법 혹은 초기 설정법을 모르신다면 1강의 Atom 설치법 및 세팅법을 보고 와주세요 ㅎㅎ https://pon-9940.tistory.com/21 1강. HTML 코딩환경 만들어주기 (Atom 설치법) 2020.07.12일 오늘부로 웹 개발을 공부해볼 예정입니다. 웹 개발을 하기 위해서는 HTML을 이용하는데 실질적으로 HTML을 편.. 2강. HTML-태그(문법) 안녕하세요! 2020.07.13 월요일입니다. 시간이 정말 빠르네요. 웹 개발 공부 2일차 입니다. 웹 개발은 뭔가 하나하나가 눈에 선명히 보여서 재미있고 쉽게 느껴지는 것 같습니다. 오늘의 자료는 HTML의 태그 입니다. 태그는 문법이라고 보시면 편하실 것 같습니다. 예를 들면 어떤 글에 이 부분은 강조하고싶다! 혹은 이 부분은 밑줄을 귿고 싶다의 기능 표현 방법이라고 생각하시면 되겠습니다. 어렵지 않으니 하나하나 보시면서 따라해보세요~ 지난 1강에서 끝난 부분부터 시작하도록 하겠습니다. 지난 시간에는 'hello web' 이었죠? 이번 시간에는 pringles is so delicious. so I have to eat it everyday. Do you understand? 라고 아무말이나 적었습니.. 1강. HTML 코딩환경 만들어주기 (Atom 설치법) 2020.07.12일 오늘부로 웹 개발을 공부해볼 예정입니다. 웹 개발을 하기 위해서는 HTML을 이용하는데 실질적으로 HTML을 편집하기 위해서는 다양한 에디터가 있지만 저는 Atom을 이용해서 HTML실습을 해보려고 합니다. 지금 부터 Atom 다운로드하는 법을 알려드리겠습니다. 참고로 무료 다운 가능합니다. 아래의 링크를 눌러주세요 https://atom.io A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a confi.. 이전 1 2 다음