[ C언어] 함수
목차
1) 함수란?
2) 함수의 구조
3) 함수의 사용 방법
1) 함수(funtion): 프로그램의 작은 단위
특정한 기능을 묶어 하나의 명령어 처럼 사용하는 기능을 하기 위함
| [ C언어] 반복문_while문 (0) | 2018.12.28 |
|---|---|
| [ C언어] 변수와 연산자 (0) | 2018.12.19 |
| [ C언어] C언어의 기본 (0) | 2018.12.17 |
| [ c언어] 함수 설명2 (0) | 2018.12.17 |
| [ C언어] 함수 문제 (0) | 2018.12.17 |
■ 홈페이지 main화면은 모두 index.html 으로 시작을 한다.
※ www.naver.com/index.html 하면 error가 안난다.
※ www.naver.com/1 하면 error가 난다.
※ 주소
file:///C:/User/daal/Desktop/HTML.....
지금 URL은 내 컴퓨터에서만 볼 수가 있다.
중요한건
남의 컴퓨터에서도 보게 하기 위해서는?
이러한 과정이 필요하게 된다.
그러면 서버와 도메인 주소는 어떻게 해야 할까?
1. dothome에 접속을 한다
2. dothome에 로그인을 한다.(회원가입)
3. 웹호스팅> 무료 호스팅 클릭
4.무료 호스팅 신청 클릭
5.무료 호스팅 신청 하기
6.무료 신청이 되었는지 확인해 보기
7.마이 탓홈을 클릭후 "호스팅 관리"로 들어가서 확인해 본다.
8.주소를 클릭후 실행이 되는지 확인을 한다.
이제부터 기본 홈페이지를 내가 만든 것으로 바꾸어 볼것이다.
9.내가 만든 계정을 선택을 한 후 닷홈 FTP를 누른다.
10. dothome FTP 화면
11. 무료 화면 세팅 완료라는 페이지는 setup-finish.html
12 html 밑에 bootstrap이라고 파일을 생성해서 내가 만든 폴더를 넣음
주소 부분을 보면 바뀐 나의 홈페이지 포토 폴리오 완성
| 1.홈페이지 제작 (0) | 2018.11.30 |
|---|---|
| 부트스트랩 웹 디자인 실전 강좌 2강-점보트론 (0) | 2018.11.19 |
■ start bootstrap 이용하기
https://startbootstrap.com/template-categories/all/
※bootstrap의 제일 마지막으로 가면 MIP 라이센스 이기때문에 상업적 목적이 가능함.
startboostrap ▶마음에 드는 탬플릿 선택 ▶ 다운로드
■ 다운로드 된 파일
< 주요 파일 내용 정리>
css - 스타일 시트
img - 기본적인 이미지
js - 동적으로 한 미디어 쿼리 내용
index.html - 메인 홈페이지
■ 수정해 보기
<title> : 타이틀 이름 수정
Navigation 부분에 class="navbar-brand" : 네비게이션 브렌드 수정
메뉴 부분이 수정이 가능해 짐
Header 부분에 class="text-uppercase" : 메인 부분을 수정
나머지 부분도 수정을 해줍니다.
| 2. 홈페이지 제작 (0) | 2018.12.05 |
|---|---|
| 부트스트랩 웹 디자인 실전 강좌 2강-점보트론 (0) | 2018.11.19 |
종류 |
해당태그 |
블록 레벨 태그 |
<p> <h1>~<h2> <ul> <ol> <div> <blockquote> <form> <hr> <table> <fieldset> <address> |
인라인 레벨 태그 |
<img> <object> <br> <sub> <sup> <span> <input> <textarea> <label> <button> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <style media="screen"> p, h1{ background-color: red; } p>a{ background-color: white; } </style> <h1>Hello world</h1> <p>안녕하세요. <a href=“#"">코딩독학</a>입니다.</p> </body> </html> | cs |
■ width, height 설명
width : [크기] | [백분율] | auto
height : [크기] | [백분율] | auto
※auto: 콘텐츠 양에 따라 자동으로 결정이됨
■ display 속성
인라인 레벨 블록 레벨의 기본적인 요소를 바꾸기 위해서 필요
display: none | contents | block | inline | inline-block | table | table-cell
▶ 문제 1(인라인 레벨을 -> 블록)
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 | <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>display 속성</title> <style> div { margin:20px; border:1px solid #ccc; border-radius:5px; } #inline img { margin:10px; } #block img { display:block; margin:10px; } </style> </head> <body> <div id="inline"> <img src="images/pic1.jpg"> <img src="images/pic2.jpg"> <img src="images/pic3.jpg"> </div> <div id="blok"> <img src="images/pic1.jpg"> <img src="images/pic2.jpg"> <img src="images/pic3.jpg"> </div> </body> </html> | 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 27 28 29 30 31 32 33 34 35 36 37 | <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <style media="screen"> nav{ width:100%; height:60px; background-color:#069; } nav ul li a { color: white; text-decoration: none; } nav>ul>li{ display:inline-block; margin: 20px; } </style> </head> <body> <nav> <ul> <li><a href="#">코딩 독학</a></li> <li><a href="#">소개</a></li> <li><a href="#">강사진</a></li> <li><a href="#">강의</a></li> </ul> <h2>목차 종류</h2> </nav> </body> </html> | cs |
