본문 바로가기
반응형

웹디자인14

[웹 디자인] 4일차: HTML 링크와 이미지 링크HTML에서 링크는 사용자가 다른 페이지나 리소스로 이동할 수 있도록 합니다. 링크는 요소를 사용하여 정의됩니다.하이퍼링크: 앵커 태그로, 링크를 정의하는 요소입니다.href: 하이퍼링크 참조 속성으로, 이동할 URL을 지정합니다.예제:Example Website링크의 다양한 속성target: 링크를 클릭할 때 열리는 방법을 지정합니다._self: 현재 창에서 열림 (기본값)_blank: 새 창이나 새 탭에서 열림_parent: 부모 프레임에서 열림_top: 최상위 프레임에서 열림예제:Open in new tabtitle: 링크에 대한 추가 정보를 제공합니다. 사용자가 링크 위에 마우스를 올렸을 때 툴팁으로 표시됩니다.예제:Example Website링크 텍스트와 이미지텍스트 링크: 링크 텍스트로 .. 2024. 8. 4.
[웹 디자인] 3일차: HTML 리스트와 테이블 리스트리스트는 HTML에서 항목의 집합을 정의하는 데 사용됩니다. HTML에는 세 가지 주요 리스트 유형이 있습니다: 순서 있는 리스트, 순서 없는 리스트, 설명 리스트입니다.순서 있는 리스트순서 있는 리스트는 항목이 특정 순서로 나열될 때 사용됩니다. 각 항목은 자동으로 번호가 매겨집니다.: 순서 있는 리스트를 정의하는 요소입니다.: 리스트 항목을 정의하는 요소입니다.예제: 첫 번째 항목 두 번째 항목 세 번째 항목순서 없는 리스트순서 없는 리스트는 항목이 특정 순서에 상관없이 나열될 때 사용됩니다. 각 항목은 기본적으로 점이나 원으로 표시됩니다.: 순서 없는 리스트를 정의하는 요소입니다.: 리스트 항목을 정의하는 요소입니다.예제: 첫 번째 항목 두 번째 항목 세 번째 항목설명 리스트설명 리.. 2024. 8. 3.
[웹 디자인] 1일차: HTML 소개 및 기본 구조 HTML이란 무엇인가?HTML(하이퍼텍스트 마크업 언어)은 웹 페이지를 작성하는 데 사용되는 마크업 언어입니다. 웹 페이지의 구조를 정의하고 콘텐츠를 표시하는 데 사용됩니다. HTML은 태그를 사용하여 문서의 각 부분을 나타냅니다.HTML의 역사1991년: 팀 버너스 리(Tim Berners-Lee)가 처음으로 HTML을 제안하고 개발1995년: HTML 2.0 표준이 발표됨1997년: HTML 3.2 및 HTML 4.0 표준이 발표됨2014년: HTML5 표준이 발표되어 현재까지 사용됨기본 문서 구조HTML 문서는 기본적으로 다음과 같은 구조를 가집니다: Hello, World! This is a simple HTML document.: 문서 타입 선언으로, HTML5 문서임을 나타냅니다.: HTM.. 2024. 8. 1.
[웹디자인] 목차 HTML과 CSS를 사용하여 웹 디자인을 학습하는 30일 과정을 제안합니다. 이 과정은 기초부터 심화 주제, 반응형 디자인 및 실전 프로젝트까지 포함하여 단계별로 학습할 수 있도록 구성했습니다. 웹 디자인 학습1. HTML 소개 및 기본 구조: HTML의 역사, 기본 문서 구조, 요소 및 속성2. 텍스트 관련 요소: 제목, 단락, 강조, 인용문3. 리스트와 테이블: 순서 있는 리스트, 순서 없는 리스트, 테이블 구조 및 속성4. 링크와 이미지: 하이퍼링크, 이미지 삽입 및 속성5. 폼과 입력 요소: 폼 태그, 입력 요소, 버튼, 폼 속성6. HTML5 시맨틱 요소: header, footer, nav, section, article, aside 등7. 멀티미디어 요소: 오디오, 비디오, 캔버스 요소8. .. 2024. 6. 21.
반응형

티스토리툴바