'웹 프로그래밍' 카테고리의 글 목록 (12 Page)

웹 프로그래밍 (143)

[HTML] HTML p 태그 – 단락

웹 프로그래밍/HTML 범범조조 2020. 12. 8. 00:00

안녕하세요. 오늘은 HTML에서 p 태그에 대해서 알아 보려고 합니다. p 태그는 한마디로 단락을 구분하는 태그인데요. 말로 하는 것 보다는 당연히 소스코드를 통해 보는게 훨씬 좋겠죠?ㅎㅎ 바로 예제 코드를 통해서 확인해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 HTML 제목 - 범범조조 안녕하세요. 저는 범범조조입니다. 지금 현재 HTML을 공부중이며 지금은 매우 기본적인 내용들을 학습합니다. 그렇지만, 무엇이든지 기본이 제일 중요한법 아니겠어요?ㅎㅎ 기본만 충실하면 뭐든 못 할게 없다고 생각합니다. 우리 모두 시작이 반이라고! 열심히 해서 CSS, JavaScript, ASP.NET 까지 ..

[HTML] HTML 기본 웹 페이지 만들기

웹 프로그래밍/HTML 범범조조 2020. 12. 7. 00:00

안녕하세요. 오늘은 여태까지 배웠던 몇 개의? 기본 태그들을 이용하여 이제는 진짜 기본 웹 페이지를 만들어 보도록 하겠습니다! 웹 페이지라고 해서 막 엄청 거창한건 아니고 기본 페이지가 있고, 기본 페이지에서 표시되어 있는 텍스트를 클릭하면 그거에 맞는 페이지로 링크가 연결되어 페이지가 열리고 다시 원래 페이지로 왔다갔다 하는 아주 기본적인 웹 페이지를 만들어 보도록 하겠습니다. 참고로, 저는 모든 공부는 생활코딩을 통해서 했다는점! 참고해 주세요~~ default.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 HTML 제목 - 범범조조 범범조조 블로그 카테고리1 카테고리1 카테고리1 카테고리1 카테고리1 첫 페이지 안녕하세요. 지금 보고 ..

[CSS] CSS 테이블 꾸미기

웹 프로그래밍/CSS 범범조조 2020. 12. 7. 00:00

안녕하세요. 오늘은 CSS에서 테이블을 다양하게 꾸미는 방법에 대해서 연습해 보려고 합니다. 제가 따로 HTML 카테고리에 테이블 만드는 포스팅을 올려 뒀었는데요. 거기서 테이블을 보면 아무런 색상 없이 매우 칙칙한 그냥 오리지널 테이블을 나타내 주고 있는데, CSS를 이용하여 테이블도 여러가지로 디자인 할 수 있더라구요! 그래서 이번엔 CSS로 테이블 꾸미는 연습을 해보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 HTML 연습 - 범범조조 h1{ color: ..

[CSS] CSS 리스트 만들기

웹 프로그래밍/CSS 범범조조 2020. 12. 6. 00:00

안녕하세요. 오늘은 CSS에서 리스트를 다양하게 만드는 방법에 대해서 연습해 보려고 합니다. 리스트 앞에 Mark를 다양하게 표시해 주는 방법부터, 리스트를 안쪽, 바깥쪽 위치 조정까지 할 수 있게끔 CSS를 작성해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 HTML 연습 - 범범조조 .circle { list-style-type: circle; } .square { list-style-type: square; } .upperAlpha { l..

[HTML] HTML 문서 구조

웹 프로그래밍/HTML 범범조조 2020. 12. 6. 00:00

안녕하세요. 오늘은 HTML에서 문서의 구조를 알아 보려고 합니다. 먼저, 제가 오늘 예제 프로그램에서 사용되는 태그는 크게 아래와 같습니다. - - - - - , - - - 지난 포스팅에 비해서 이제는 태그가 확실히 많아졌죠?ㅎㅎ 이제 위의 태그들을 이용해서 한 페이지를 작성할 때, 약속? 적으로 어떤 태그는 이렇게 쓰고, 또 다른 태그는 이 태그 안에 위치해야 하고 그런것들이 있는데요. 그 규칙을 토대로 예제 코드를 작성해 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 HTML 제목 - 범범조조 범범조조 블로그 카테고리1 카테고리2 카테고리3 카테고리4 카테고리5 카테고리1 맛집 데이트 일상 여행 리..

[CSS] CSS 링크 만들기

웹 프로그래밍/CSS 범범조조 2020. 12. 5. 00:00

안녕하세요. 오늘은 CSS에서 링크를 다양하게 만드는 방법에 대해서 연습해 보려고 합니다. 항상 C#만 주구장창 했다가..HTML과 CSS를 하려니까 상대적으로 적응하는데 좀 시간이 필요한 것 같지만.. 그래도 나름 꽤? 재미를 붙이는 중이라서 얼릉 HTML과 CSS에 익숙해져서 JavaScript까지 빠르게 학습해 ASP.NET으로 본격적으로 웹을 만들어 보고 싶네요..ㅎㅎ 서론이 길었습니다. 바로 CSS를 이용하여 다양한 링크를 만들어 보도록 하겠습니다. 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 HTML 연습 - 범범조조 h1 { color: green; ..

[HTML] HTML 태그를 이용한 중첩

웹 프로그래밍/HTML 범범조조 2020. 12. 5. 00:00

안녕하세요. 오늘은 HTML 에서 태그를 이용하여 내용을 중첩하는 방법에 대해서 알려 드리려고 합니다. 참고로 저는 생활코딩 사이트에서 공부한 내용을 정리하고 있다는 점! 참고해 주세요~~ 예제 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 리스트1 리스트2 리스트3 리스트4 리스트5 아이유 정형돈 유재석 박명수 데프콘 cs 실행 결과 예제코드에서 쓰인 태그들을 살펴 보도록 하겠습니다. , , 총 3개의 태그를 썼는데요. 태그는 order list 태그로써, 순서가 있는 리스트를 뜻하고, 태그는 un order list 즉, 순서가 없는 리스트를 뜻합니다. 그렇기 때문에 과 로 쓰여진 리스트의 형태가 다른걸 볼 수 있습니다. 감사합니다.^^

[HTML] HTML – 시작하기 (1장)

웹 프로그래밍/HTML 범범조조 2020. 12. 4. 00:00

안녕하세요. 오늘부터는 저도 웹을 개인적으로 공부하고 싶은 욕심에 HTML 공부 관련하여 포스팅 하려고 합니다. 사실..늘 윈도우 프로그래밍만 해와서 이쪽 개발이 편하긴 하지만..계속 시간이 흐르면서 뭔가 고인물? 이 되는 느낌이 들어서..혼자서 틈틈이 웹 공부를 시작해서 웹도 개발할 수 있는 개발자가 되려고 합니다. 그 시작을 바로 HTML 을 기본으로 CSS, JavaScript, JQuery, ASP.NET 으로까지 차근차근 공부하여 그날 공부한 내용들을 블로그에 정리하여 올리려고 합니다. 오늘은 첫 시작으로 아주아주 간단한 HTML 을 기본적인 태그를 이용하여 홈페이지에 Text를 작성해 보았습니다. 저는 Visual Studio Code로 개발환경을 구축하였고, 앞으로도 Visual Studio..

[CSS] CSS 적용 방법

웹 프로그래밍/CSS 범범조조 2020. 12. 4. 00:00

안녕하세요. 오늘은 HTML 문서에 CSS 적용하는 방법들에 대해서 알려 드리려고 합니다. HTML문서에 CSS 적용하는 방법은 크게 3가지가 있는데요. 1. 인라인 스타일 2. 내부 스타일 시트 3. 외부 스타일 시트 위와 같이 3가지의 방법이 있습니다. 각각의 스타일을 예제 코드를 통해서 보여 드리도록 하겠습니다. 인라인 스타일 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 HTML 연습 - 범범조조 인라인 스타일 시트 방법 안녕하세요. 지금은 인라인 스타일 시트 방법 예제 입니다. Colored by Color Scripter cs 실행 결과 내부 스타일 시트 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26..

[CSS] CSS 선택자

웹 프로그래밍/CSS 범범조조 2020. 12. 3. 14:35

안녕하세요. 오늘부터는 HTML 공부와 함께 CSS도 병행해서 공부하려고 합니다. CSS란 Cascading Style Sheets의 약자로써, 쉽게 말해서 스타일 시트 언어입니다. CSS를 사용하는 이유는 HTML의 디자인을 조금 더 간결하고 쉽게 하기 위함인데요. 오늘은 그 첫번째 시간으로써, CSS 선택자에 대해서 알아보고 어떻게 그럼 CSS를 사용하여 HTML 요소를 꾸미는지 예제를 통해서 알아 보도록 하겠습니다. CSS 선택자는 크게 4가지 경우가 있습니다. 1. HTML 요소 선택자 2. 아이디 선택자 3. 클래스 선택자 4. 그룹 선택자 크게 4가지의 선택자가 있습니다. 그럼 CSS 위의 4가지 선택자의 사용 방법을 예제 코드를 통해서 보여 드리도록 하겠습니다. 예제 코드 1 2 3 4 5 ..

웹 스토리지

웹 프로그래밍/HTML 범범조조 2016. 4. 29. 21:58

웹 스토리지란 ?-실행 중인 웹 브라우저의 로컬 디스크 저장 공간을 의미한다. 즉 웹하드와 같이 원격에 위치한 저장 공간을 웹으로 사용하는 개념이 아니라 웹 브라우저를 실행하고 있는 로컬 컴퓨터의 저장 공간을 사용하여 데이터를 읽고 쓰는 개념이다. 웹 스토리지에는 로컴 스토리지와 세션 스토리지 두가지 종류의 스토리지가 있다. -로컬 스토리지(localStorage)로컬 스토리지 객체는 window.,localStorage 객체를 의미하며, 웹 사이트 도메인 단위로 별도 운영되고, 저장된 데이터의 유효 시간이 없는 구조로 처리된다. 로컨 스토리지 예제 코드 학번 : 이름 : 데이터목록 파일명은 localsession.html로 저장을 하십니다. 그리고 나서 페이지로 들어가면 실행화면이 이렇게 나옵니다. 이..

1
···
9
10
11
12

Sidebar

Copyright © BeomBeomJoJo All Rights Reserved

Designed by JB FACTORY

티스토리툴바