HTML 목차

HTML 목차

HTML 목차 //1장 HTML 기본기 다지기 //웹 브라우저와 웹 편집 //HTML 기본 문서 구조 //2장 텍스트 관련 태그들 //텍스트를 표시하는 태그 //목록을 만드는 태그 //표를 만드는 태그 //3장 이미지와 하이퍼링크 //이미지와 하이퍼링크 //4장 폼 관련 태그들 //태그의 다양한 속성 //여러 데이터 나열해 보여주기 // 실습문제 모음 //

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 9.
  • textsms
HTML 실습 문제 모음

HTML 실습 문제 모음

2-1 ( 활용) 더보기 Who am I? 프런트엔드 웹 기술(Front-end Web Tech.) 에 관심이 많습니다. 현재 제주의 한 시골 마을에서 코딩 중입니다. Experience 프론트엔드 개발 업무 내용 업무 내용 업무 내용 업무 내용 업무 내용 업무 내용 웹 디자인 업무 내용 업무 내용 업무 내용 Skills Education 2 - 2 더보기 서울특별시 서울의 지향 이미지 : 역사와 활력의 인간도시 휘장은 한글 '서울'을 서울의 산, 해, 한강으로 나타내면서 전체적으로는 신명나는 사람의 모습을 형상화한 것으로 인간 중심도시를 지향하는 서울을 상징합니다. 자연 - 인간 - 도시의 맥락 속에서 녹색 산은 환경사람, 청색 한강은 역사와 활력, 가운데 해는 미래의 비전과 희망을 함축 2 - 3 더..

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 9.
  • textsms
여러 데이터 나열해 보여주기

여러 데이터 나열해 보여주기

여러 데이터 나열해 보여주기 1. 여러 데이터 나열해 보여주기 , 여러 옵션 중에서 선택 – 드롭다운 목록 공간을 최소한으로 사용하면서 여러 옵션 표시 가능 태그의 속성 태그의 속성 더보기 여름방학 특강 신청 수강 신청인 학번 이름 학과 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 , , 태그 여러 항목을 그룹을 묶을 때 사용 label 속성을 사용해 그룹 제목을 붙임 더보기 여름방학 특강 신청 수강 신청인 학번 이름 학과 건축공학과 기계공학과 산업공학과 전기전자공학과 컴퓨터공학과 화학공학과 사학과 어문학부 철학과 , 데이터 목록에 제시한 값 중에서 선택하면 그 값이 자동으로 텍스트 필드에 입력됨 데이터 목록에 id를 이용해 이름을 붙이고, 태그의 list 속성에 데이터 목록 i..

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 8.
  • textsms
<input>태그의 다양한 속성

<input>태그의 다양한 속성

태그의 다양한 속성 1. 폼 만들기 웹에서 만나는 폼 사용자가 웹 사이트로 정보를 보낼 수 있는 요소들은 모두 폼(form) 폼과 관련된 대부분의 작업들은 정보를 저장하거나 검색하거나 수정하는 일들 이런 작업은 모두 데이터베이스를 기반으로 한다. 아이디를 입력하는 텍스트 필드나 버튼 같은 폼의 형태를 만드는 것은 HTML 태그 폼에 입력한 사용자 정보를 처리하는 것은 ASP나 PHP 같은 서버 프로그래밍 이용 여기에서는 서버 프로그래밍에 대해서는 다루지 않고 브라우저에 표시될 폼을 만드는 태그들에 대해 살펴본다. 폼의 동작 방식 사용자가 [아이디]와 [비밀번호]에 정보 입력 → [로그인] 클릭 사용자가 입력한 아이디와 비밀번호가 웹 서버로 보내짐 서버는 자신이 가지고 있는 사용자 데이터베이스를 뒤져서 사..

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 8.
  • textsms
이미지와 하이퍼링크

이미지와 하이퍼링크

이미지와 하이퍼링크 1. 이미지 웹 문서와 이미지 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않으면서도 화질은 좋게 유지해야 하기 때문에 몇 가지 파일 형식만 사용할 수 있다. 태그 웹 문서에 이미지를 삽입할 때 사용 바빠 시리즈 태그의 속성 src 속성 이미지 파일 경로 웹 문서 파일의 위치를 기준으로 이미지 경로 지정 HTML과 이미지 파일이 같은 폴더에 있다면 src 속성에 파일 이름만 적음 images라는 하위 폴더에 이미지 파일이 있다면 하위 폴더까지 같이 적음 웹 사이트에 있는 이미지도 주소를 알아내어 src 속성에 사용할 수 있다. width, height 속성 이미지 크기 조정하기 이 속성을 사용하지 않으면 원래 이미지 크기대로 표시 이 속성을 이용해 화면에 표시하는 이..

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 8.
  • textsms
표를 만드는 태그

표를 만드는 태그

표를 만드는 태그 1. 표를 만드는 태그 표(table) : 자료를 보기 좋게 정리 표를 만드는 태그 ~ : 표 전체 ~ : 행 ~ : 셀, ~ 제목 셀 제목셀 1행 2열 1행 3열 제목셀 2행 2열 2행 3열 colspan, rowspan 속성 - 행 또는 열 합치기 이름 연락처 주소 자기소개 - 표 제목 제목이 위쪽 중앙에 표시됨 국내에서 자주 사용하는 모던 브라우저 브라우저 제조업체 다운로드 크롬(Chrome) Google https://www.google.com/chrome/ 파이어폭스(Firefox) Mozila https://www.mozila.org/kor/firefox 엣지(Edge) Microsoft https://www.microsoft.com/ko-kr/windows/microsoft..

  • format_list_bulleted HTML CSS/HTML
  • · 2024. 4. 8.
  • textsms