코드 여행 일기

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

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

텍스트 꾸미기 속성 font-family 요소를 구성하는 텍스트의 글꼴을 정의한다. 글꼴 명을 속성 값으로 지정한다. 여러 개의 글꼴을 연달아 기입하여 우선 순위를 지정 할 수 있다. 제목 입니다. 예문 입니다. ⇒ serif 가 우선 지정하되, 지원되지 않을 경우 monospace를 지정한다. font-size 글자 크기를 정의한다. 수치와 단위를 지정해 글자의 크기를 정의할 수 있다. 단위 의미 px 모니터 상의 화서 하나 크기에 대응하는 절대적의 크기 rem 태그의 font-size에 대응하는 상대적인 크기 em 부모 태그(상위태그)의 font-size에 대응하는 상대적인 크기 제목 입니다. 예문 입니다. text-align 블록 내에서 텍스트의 정렬 방식을 정의한다. 미리 정의된 키워드 값을 지정..

태그 웹페이지에 표현되진 않지만, 웹 페이지를 잘 설명하기 위한 부가 정보들을 담당한다. 사용가능한 속성 · 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" 다중 선택 가능 위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

선택자의 종류 기본 선택자 그룹 선택자 [ 이번엔 위 2가지만 다룰 예정 ] 특성 선택자 결합 선택자 의사 클래스 의사 요소 [ 나머진 다음 시간에 ] 기본 선택자 1. 전체 선택자 모든 요소를 선택한다. *(애스터리스크)는 ‘문서 내의 모든 요소’ 를 의미하는 기호이다. 제목 입니다. 안녕하세요 예문 111 입니다. 안녕하세요 예문 222 입니다. 안녕하세요 예문 333 입니다. ⇒ 문서 내 모든 요소의 글자 색을 파란 색으로 지정한다. 2. 태그 선택자 주어진 이름을 가진 요소를 선택한다. ‘유형 선택자’ 라고도 한다. 주어진 이름을 가진 요소가 다수일 경우, 해당 요소들을 모두 선택한다. 제목 입니다. 안녕하세요 예문 111 입니다. 안녕하세요 예문 222 입니다. 안녕하세요 예문 333 입니다. ..

CSS = Cascading Style sheets Cascading : 계단식 Style : 멋을 내다 sheets : (종이) 한 장 계단 식으로 스타일을 정의하는 문서 HTML 문서를 꾸며주는 언어 HTML 파일에 CSS 코드 적용 방법 1. 인라인 스타일 태그에 style 속성을 추가하여 요소에 직접적으로 스타일을 정의 하는 방식 안녕하세요 예문 입니다. 2. 스타일 태그 HTML 문서에 태그를 추가하여 그 안에 CSS 코드를 작성할수 있다 안녕하세요 예문 입니다. 안녕하세요 예문 2222 입니다. 안에 들어간 모든 코드에 적용 이 된다 3. 문서 간의 연결 확장자가 *.CSS 인 스타일 시트 파일 생성해 그 안에 CSS 코드를 작성하고, HTML 문서에 이를 연결하는 방식. 이때는 태그를 사..

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