[HTML&CSS 스터디] 12. 표 만들기 ,, ,  1. 표를 만드는 데 필요한 태그태그설명표를 나타내는 태그. 전체 표를 감싼다.Table row의 약자로, 한 행을 나타낸다.Table header의 약자로, 제목 셀을 나타낸다.Table data의 약자로, 표의 데이터 셀을 나타낸다.   2. 표 만들어보기 음식 명 가격 짜장면 5,000원 짬봉 6,000원   3. 가로 셀 병합하기 : 북경반점 메뉴판 짜장면 5,000원 ..

[HTML] 7. HTML 파일명 작성 규칙 (1) 케밥 표기법: -(하이픈) 사용(ex: contact-us.html) (2) 스네이크 케이스: _(언더스코어) 사용 (ex: user_profile.html) *권장사항을 지키자!

[HTML] 6. 폼 관련 태그 오늘 배운 것 오늘은 , 태그 및 관련 속성들에 대해 배웠다. 위 태그, 속성들을 응용한 간단한 폼, 로그인 화면들을 제작했다. (1) & 태그 : 폼을 만들어주는 태그. : 통신 방식으로 post하는 태그이다. action 속성: 해당 문서로 이동하기 UI=User Interface : : 제출 버튼을 생성한다. 서버로 전송할 때 사용된다. 기본값으로 “제출”이 출력된다. (type=”submit”의 기본값이 “출력”이기 때문에, 태그에 value=”제출”을 추가해도 출력 텍스트가 변하지 않는다!) : 버튼을 출력한다. 다만 type=”submit”과는 다르게, 클릭은 가능하나 기본 이동은 되지 않는다. (2) & 관련 속성 및 응용 type=”checkbox”: 다중 ..

[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..