코드 여행 일기

HTML 기초 1~3 을 기반으로 간단한 웹사이트 만들기 index.html HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 1.html HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 기술소개 HTML은 HyperText Markup Language의 약자로서 웹페이지를 만드는 언어입니다. 1번 파일입니다. 2.html HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 기본문법 기본문법 2번 파일입니다 3.html HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩..

문서의 구조 탭 제목 바꾸기 깨진 글씨 고치기 HTML - 수업소개 결과 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 결과 DOCTYPE = Document Type Declaration 문서 형식 선언 [자신이 작성한 html 코드가 어떤 방식의 html 코드로 작성 되었는지 브라우저에게 알려주는 문자] 버전에 따라 다름 HTML 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 선행학습 본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아..

태그의 중첩과 목록 unordered list 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 결과 그룹핑 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 가가가 나나나 다다다 라라라 결과 ordered list 기술소개 기본문법 하이퍼텍스트와 속성 리스트와 태그의 중첩 가가가 나나나 다다다 라라라 결과 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

HTML = HyperText Markup Language HyperText 하이퍼텍스트를 가장 중요한 특징으로 하는 Markup 마크업 이라는 형식을 가진 Language 컴퓨터 프로그래밍 태그 강조 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. 결과 .... 대제목 소제목 대제목 소제목 일반글 결과 하이퍼텍스트와 속성 링크 오늘의 명언 우리 모두는 자신의 힘으로 발견한 내용을 가장 쉽게 익힌다. (도널드 커누스) 결과 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

태그 웹페이지에 표현되진 않지만, 웹 페이지를 잘 설명하기 위한 부가 정보들을 담당한다. 사용가능한 속성 · charset="속성값" : 브라우저에 디코딩되는 문자형식을 지정 (속성값 utf-8은 한글폰트를 정상 출력시켜줌) · name="description" content="내용" : 검색 결과에 대한 요약에 사용됨 · name="keywords" content="내용" : 문서를 설명하는 중요 단어(키워드)들 · name="author" content="내용" : 저자 · http-equiv="refresh" content="숫자" : 지정한 시간(초) 마다 웹페이지를 리프레쉬 시켜줌 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

컨트롤의 제목 - label text : password : textarea : 아무 글이나 입력하시오 붉은색 파란색 무엇의 이름 인지를 달아주는 역할 2가지 방법이 있음 결과 method method="post" url에 데이터를 숨겨서 전송할때 사용한다. 결과 파일 업로드 파일을 업로드하고 저장하는 코드 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

버튼 전송 버튼 클릭 버튼 (클릭시 원하는 동작 적용 할때 사용) 초기화 버튼 (모든 정보 초기화) 결과 데이터 전송 - hidden 보이지 않는 데이터를 보낼때 사용한다 결과 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

결과선택 색상 붉은색 검은색 파란색 색상2 (다중선택) 붉은색 검은색 파란색 선택 상자 생성 선택 상자 옵션 집어 넣기 전송되는 이름을 black 으로 보냄 (ctrl + 클릭) 으로 다중선택 가능 결과 type = “radio” & type = “checkbox” 색상(단일선택) 붉은색 : 검은색 : 파란색 : 사이즈(다중선택) 95 : 100 : 105 : type="radio" 단일 선택만 가능 검은색 : checked 처음부터 선택 되어 나옴 type="checkbox" 다중 선택 가능 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

아이디 : 비밀번호 : 주소 : 입력한 정보를 현재 입력한 페이지로 보냄 입력 칸이 생김 비밀번호 입력 칸이 생김 제출 버튼 생성 name="함수" 각각의 입력창에 이름을 줌 결과 텍스트 입력 text : password : textarea : 아무 글이나 입력하시오 value="default value" 입력 창에 default value라는 문자를 처음부터 입력 되어 나옴 메모장 같은 입력 창을 생성한다 cols = 가로 50글자 크기 생성 rows = 세로 2줄 생성 결과 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

이름 성별 주소 최진혁 남 청주 최유빈 여 청주 결과 이름 성별 주소 최진혁 남 청주 최유빈 여 청주 결과 이름 성별 주소 최진혁 남 청주 최유빈 여 청주 결과 이름 성별 주소 회비 최진혁 남 청주 1000 최유빈 여 청주 500 합계 1500 결과 수직 평합 수평 평합 이름 성별 주소 회비 최진혁 남 청주 1000 최유빈 여 500 합계 1500 결과 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.