나의 코딩 일지

[HTML] 5. 표(테이블) 만들기 ​ (1) : 표를 나타내는 태그로, 표 전체를 감싼다. (2) (Table row): 표의 한 행을 나타낸다. (3)(Table data): 표의 데이터 셀을 나타낸다. (4)(Table header): 표의 제목 셀을 나타낸다. (5): 표의 제목(가운데 정렬)을 추가한다. ​ 아래의 코드를 따라 입력하면 이런 표가 만들어진다. ​ 아래의 코드로 출력된 표의 형태. ​ 우리동네 과일가게 가격표 요금 청송 사과 한 알에 3,000원 델몬트 바나나 한 묶음에 5,000원 (5)colspan 속성: 셀을 병합하고 싶을 때 사용하는 태그. 합치고 싶은 혹은 태그에 사용한다. (ex: 우리동네 과일가게 가격표/요금 ) (6)rowspan 속성: colspan 과 반대로, ..

[HTML] 4. 링크 삽입하기 ​ (1) 태그: 링크를 삽입 할 때는 태그를 사용한다. () (2) +: 태그를 함께 사용하여 이미지에 링크를 삽입 할 수도 있다. (3) 메일 전용 링크: href 속성에 “mailto:”를 덧붙여 사용하면, 이메일 전용 링크 역시 만들 수 있다. ​ *와 : 의 경우는 현재 열려 있는 창에서 링크에 접속한다. 의 경우는, 클릭 시 새 탭이 생기며 이동한다. ​ (6): html 문서 삽입 시 사용하는 태그. (ex: ) ​ *을 허용하는 웹사이트가 따로 있다. *은 화면 전체가 전환되지만, 일반적인 의 경우, 아래에 삽입된 작은 창 안에서 웹사이트가 전환된다. ​ "쇼핑몰"이라는 글자에 링크가 삽입된 모습. 맛있는 청송 사과가 한 알에 천 원! 지금 바로 쇼핑몰 로 ..

[HTML] 3. 이미지 출력하기 ​ (1)태그: 이미지를 출력할 때 필요한 태그. () (2) src 속성: “어떤 이미지를 출력할 것인가”를 정하는 속성. 이미지의 위치(폴더), 제목을 입력한다. (3) alt 속성: 이미지가 지정된 위치에 존재하지 않거나 출력할 수 없을 때, 이미지 대신 출력될 글을 입력하는 속성. (alt=”~”) ​ ​ (좌) 아래의 코드로 출력된 이미지. (우) 이미지 파일이 출력되지 않은 화면. 이 때 이미지 대신 alt로 설정해둔 문구가 표시된다. ​ 맛있는 청송 사과가 한 알에 천 원!

[HTML] 2. HTML 기본 태그 파일 생성시 HTML5: 입력시 기본적인 코드가 생성된다. : 글자 크기를 정하는 코드. h 앞에 오는 숫자가 작을 수록 글자가 커진다. : 줄바꿈 코드. 엔터 바와 같은 역할을 한다. : 단락 코드. 아래위로 한 줄 씩 띄운다. : 문단을 한 칸 들여써서 인용한다. : 작성한 코드를 소스 모양 그대로 출력한다. 프로그래밍 소스를 출력할 때 많이 쓴다.​ , : 글자를 진하게 강조한다. 볼드체. ,: 글자를 기울인 모양으로 바꾼다. 이탤릭체. ​ : 줄바꿈이 없는 인용. 대신 큰 따옴표가 추가된다. : 노란색 형광펜 표시. ​ : 영역을 지정하는 태그. ㄴ이후 style=”color:blue” 를 사용하여, 으로 지정한 영역의 글자들을 파란색으로 변경하였다. ​ , ..

[HTML] 1. 기초 CS 지식 운영체제: 윈도우, ios, 우분투, 리눅스 등… 프로그래밍: prographein(그리스어)→program 계획 또는 수행절차를 의미한다. 일상 속에서 많이 찾아볼 수 있게 되었다. 컴퓨터는 CPU(중앙처리장치), 메모리(주기억장치), 다양한 입출력장치(HDD,ODD 등) 으로 구성되어 있다. 조합에 따라 컴퓨터의 종류와 용도가 달라진다. 컴퓨터 프로그래밍= 절차를 만드는 것. CPU: 계산기 능력과 순서를 좌우하는 중앙처리장치. 컴퓨터가 이해하는 것은 이진수 뿐이기에, 컴파일러를 거치며 컴퓨터로 들어간다. 컴파일러(번역기)에 따라, 기호와 구문은 달라질 수 있다. 프로그램 언어는 수학의 연산자와도 비슷하다. (산술, 비교, 관계 연산자 등..) API(Applicat..