html 썸네일형 리스트형 [웹코딩] CSS 기초 1편 : HTML에 CSS 적용하기 HTML이 웹페이지의 뼈대, 스케치라면 CSS는 스케치에 물감을 칠하는 부분이라고 웹코딩 1편에서 언급한 적이 있다. (참고 링크 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향) 쉽게말하면 CSS는 HTML에 글자크기, 여백, 글자색 등 스타일을 설정해주는 부분이다. 이번 포스팅에서는 HTML과 CSS를 연결시키는 기초적인 방법을 정리하려고 한다. 공부한 자료는 패스트캠퍼스 강의와 생활코딩 자료를 참고하였다. 임의의 HTML 을 아래와 같이 작성하였다. 투손플레이스 티스토리입니다. 연습문장1 연습문장2 연습문장3 위 예시에 CSS로 글자에 스타일을 입히는 방법 2가지를 아래와 같이 정리. 1. Opening 태그에 .. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 파일업로드, PHP 이번 편에서는 HTML 파일 업로드에 대한 form을 정리하였다. 이전 form 코드와 크게 다르지 않다. input type="file"로 설정하면 file 업로드를 할 수 있는 form이 형성된다. 아래 링크는 이전에 정리했던 form 관련 포스팅들이다. 2021.04.25 - [코딩/Web & Java Script] - [웹코딩] HTML - form, textarea 2021.05.01 - [코딩/Web & Java Script] - [웹코딩] HTML - dropdown, radio/checkbox 2021.05.10 - [코딩/Web & Java Script] - [웹코딩] HTML - GET vs POST 1. HTML - 파일 업로드하기 -. 원하는 파일을 선택하고 제출을 누르면 forma.. 더보기 [웹코딩]HTML(Hyper Text Markup Language) - 6 : GET vs POST 이전 포스팅에 이어서 '생활코딩' 사이트의 HTML편을 공부한 내용을 정리한다. 클라이언트에서 서버로 데이터를 읽어오는 방식인 method 강의를 공부하였고 그 중 GET과 POST에 대한 내용을 정리하였다. 1. GET 이전 HTML 포스팅을 통해 form,text area,checkbox와 같은 양식을 통해 서버에 데이터를 전송할 수 있다는 것을 공부했다. 아래와 같이 드롭박스로 선택한 값이 html의 form action="지정링크"로 값이 전달되는 경우를 예시로 들기도 했다. (참고포스팅 : 2021.05.01 - [코딩/Web & Java Script] - [웹코딩] HTML - 5 : dropdown, radio/checkbox) 위와 같이 ? 뒤에 변수 이름과 값을 넣어서 보내는 방식을 GE.. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 5 : dropdown, radio/checkbox ※ 이전 포스팅(HTML편) 1편 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향 2편 : 2021.04.12 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 3편 : 2021.04.19 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지 4편 : 2021.04.20 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 3 : Table 참고 : 2021.04.22 - .. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 4 : form, textarea ※ 이 글을 쓰는 사람은 SW 비전공자입니다. ※ 개인 공부를 위해 정리하는 글이며, 작성한 코드들은 효율성, 깔끔함(?) 등과는 거리가 멀 수 있습니다. 1편 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향 2편 : 2021.04.12 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 3편 : 2021.04.19 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지 4편 : 2021.04.20 - [코딩/Web & Java Script] .. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 3 : Table ※ 이 글을 쓰는 사람은 SW 비전공자입니다. ※ 개인 공부를 위해 정리하는 글이며, 작성한 코드들은 효율성, 깔끔함(?) 등과는 거리가 멀 수 있습니다. 1편 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향 2편 : 2021.04.12 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 3편 : 2021.04.19 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지 4편 : 2021.04.20 - [코딩/Web & Java Script] .. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지삽입 ※ 이 글을 쓰는 사람은 SW 비전공자입니다. ※ 개인 공부를 위해 정리하는 글이며, 작성한 코드들은 효율성, 깔끔함(?) 등과는 거리가 멀 수 있습니다. 1편 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향 2편 : 2021.04.12 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 3편 : 2021.04.19 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지 4편 : 2021.04.20 - [코딩/Web & Java Script] .. 더보기 [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 ※ 이 글을 쓰는 사람은 SW 비전공자입니다. ※ 개인 공부를 위해 정리하는 글이며, 작성한 코드들은 효율성, 깔끔함(?) 등과는 거리가 멀 수 있습니다. 1편 : 2021.04.11 - [코딩/Web & Java Script] - [웹코딩]Front end 및 Back end 개념, 공부 방향 2편 : 2021.04.12 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 1 : 기초 3편 : 2021.04.19 - [코딩/Web & Java Script] - [웹코딩] HTML(Hyper Text Markup Language) - 2 : 문단, 정렬, 이미지 4편 : 2021.04.20 - [코딩/Web & Java Script] .. 더보기 이전 1 다음
