728x90 반응형 SMALL Web96 [HTML] 테이블 만드는 법 - 테이블 속성 설정하기 1. 테이블 여러 종류의 데이터를 보기 좋게 정리하여 보여주는 표를 작성 로 시작하고 끝냄 로 행을 생성, 로 셀을 생성 1 2 3 : 셀의 제목, 가운데 정렬, 굵은 글씨 테이블 만들기2 KDT 수강생 리스트 2-5. 테이블 테두리, 셀의 테두리 테이블 만들기1 첫번째 셀 첫번째 셀 두번째 셀 테이블 만들기1 첫번째 셀 2-6. 셀 채우기 테이블 만들기2 KDT 수강생 리스트 이름 연락처 주소 김사과 010-1111-1111 서울시 서초구 양재동 반하나 010-2222-2222 서울시 강남구 역삼동 오렌지 010-3333-3333 서울시 동작구 사당동 📄 예제 HTML 2023. 3. 27. [HTML] 책갈피 기능 만드는 법 - 페이지 내 이동하기 1. 책갈피 기능 페이지의 길이가 길 경우 페이지 상단에 목차 등을 만들어 페이지를 원하는 부분으로 이동시킬 수 있음 태그의 name 속성 또는 id 속성을 이용하여 책갈피 기능을 설정 2. 페이지 링크 설정하기 링크에 사용될 문자 또는 이미지 문자 또는 이미지 문자 또는 이미지 태그의 'href' 속성값을 '#'로 시작해야 함 여기서 '#' 뒤의 name은 이동하고자 하는 위치의 태그 name 값과 동일해야 함 이 링크를 클릭하면, 페이지 내의 위치로 커서가 이동함 책갈피 목적지로 이동합니다! 도착지 위로 위로2 📄 작성한 HTML 파일 2023. 3. 27. [HTML] 하이퍼링크 만드는 법 - 웹페이지 이동하기! 1. 하이퍼링크란 ❓ 다른 페이지 또는 사이트로 연결하는 링크(문자 또는 이미지) 하이퍼링크는 웹을 웹 다워보이도록 만들어줌 링크에 사용할 문자 또는 이미지 ✅ 다음 홈페이지로 연결하는 하이퍼링크를 만들어보자. 하이퍼링크 다음 홈페이지 ✅ 다음로고 이미지를 클릭하면 다음 홈페이지로 연결되도록 만들어보자. 하이퍼링크 다음 홈페이지 바로가기 ✅ HTML 문서와 같은 폴더 내 subpage.html을 작성하고 하이퍼링크로 연결시켜 이동해보자! 📄 subpage.html 서브페이지 하이퍼링크 서브페이지 ✅ 이미지를 클릭하면 하이퍼링크로 연결되도록 작성해보자. 하이퍼링크 서브페이지 2. target 속성 _blank: 새탭에서 해당 페이지가 열림 아이프레임의 name: 해당 아이프레임에서 열림 하이퍼링크 하이퍼링.. 2023. 3. 24. [HTML] HTML의 태그 종류에 대해 알아보자🧐 1. HTML의 특수 태그 : > 띄어쓰기 : 2. 줄바꿈 태그 두 개가 같음 라이브 서버 확인해보기 🍀 3. 주석 : 한줄 또는 여러줄 주석 페이지 소스보기에는 출력되므로 중요한 정보는 적지 않는 것이 좋음! 4.문단 태그 ~ 문단을 나타내는 태그 블록 태그 한 줄을 모두 차지함 1. 문단 태그 문단을 만드는 태그 5. 제목 태그 ~ h1 ~ h6 까지 크기 블록 태그 검색엔진에서 제목으로 표현됨 중요한 정보를 씀 안녕하세요. 제목태그 h1 안녕하세요. 제목태그 h2 안녕하세요. 제목태그 h3 안녕하세요. 제목태그 h4 안녕하세요. 제목태그 h5 안녕하세요. 제목태그 h6 6. 서식 태그 글자를 꾸며주는 태그 : 텍스트를 굵게 표현 : 텍스트를 굵게 표현, 리더기에서 거쎈 발음 : 텍스트.. 2023. 3. 24. [HTML] 파일 경로 작성하는법(절대경로와 상대경로) 1. 절대 경로 고유한 경로 물리적 경로 드라이브: C:\yesung\HTML\Day1\cat1.png(웹사이트 개발 시 사용하지 않음) URL 주소: https://t1.daumcdn.net/daumtop_chanel/op/20200723055344399.png 보통 홈페이지 제작시 자신의 컴퓨터에서 HTML 문서를 만들고 이를 FTP를 통해서 웹서버에 일괄적으로 올리기 때문에 절대경로로 이미지를 삽입했다면 모두 고쳐줘야 하는 불편이 있음 일반적으로 절대경로보다는 상대경로를 이용해서 이미지를 삽입하는게 좋음 2. 상대 경로 이미지를 삽입할 HTML 문서를 기준으로 경로를 인식하는 방법 이미지가 HTML문서와 같은 디렉토리에 있는 경우 , 이미지가 하위 디렉토리에 있는 경우 , 2023. 3. 24. [HTML] 이미지 형식의 종류를 알아보자🧐 1. 비트맵 이미지 픽셀이 모여 만들어진 정보의 집합 레스터 이미지라고도 부름 픽셀 단위로 화면에 렌더링함 그림판, 포토샵 등 툴로 편집 JPEG, PNG, GIF ... 1-1. jpg(jpeg) 압축률이 훌륭하여 사진이나 예술분야에 많이 사용 가장 널리 쓰이는 이미지 포맷 손실 압축 표현 색상(24비트, 약 1600만가지 색상)이 뛰어나 고해상도 표시장치에 적합 1-2. gif 이미지 파일내에 이미지 및 문자열 같은 정보를 저장할 수 있는 파일 여러장의 이미지를 한 개의 파일에 저장할 수 있음(움짤, 애니메이션) 8비트(256색상)컬러만 지원 비손실 압축 1-3. png gif의 대체 포맷으로 개발 8비트, 24비트 컬러 이미지 처리 알파 채널 지원(투명도) W3C 권장 포맷 1-4. webp jpg.. 2023. 3. 24. [HTML] HTML이란? & HTML 문서 만들기, HTML 스켈레톤 1. HTML(Hyper Text Markup Language) HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것)기능을 가진 문서를 만드는 언어 [최초의 웹사이트] http://info.cern.ch/ http://info.cern.ch info.cern.ch 2. HTML 문서 만들기 HTML 문서는 확장명을 .html로 저장 대소문자를 구별하지 않음 프로그래밍 언어가 아님 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능(메모장 등) 띄어쓰기, 줄바꿈을 구별하지 않음 안녕 하세요 안녕 하세요 명령어(태그) 형태로 괄호를 (예: ) 사용하여 표현 시작태그, 종료태그로 구성되어 있음 (예: ... ) 3. HTML 문서의 구성(스켈레톤) 내용 ✅ HTML문서를 작성하여 나의 웹페이.. 2023. 3. 23. [Web] 서버(Server)와 클라이언트(Client), 프론트엔드와 백엔드 1. 서버(Server) 클라이언트에게 네트워크를 통해 정보나 서비스를 제공하는 컴퓨터 시스템 정보를 제공하는 제공자(Server) 컴퓨터 1-1. 서버 사이드(Server-Side) 서버(제공자) 측에서 즉시 처리하는 것 서버 사이드는 클라이언트로 보낼 웹 페이지(HTML, JavaScript 등이 담긴)를 만듦 중요한 작업들(사용자 유효성, DB 관련 등)을 수행 대표적인 언어는 Java, PHP, Ruby, Python, Node.js 등 클라이언트 사이드 언어를 다루고 그에 관련된 개발자를 프론트 엔드 개발자라고 함. 2. 클라이언트(Client) 서버에 정보를 요청하는 컴퓨터 또는 프로그램 2-1.클라이언트 사이드(Client-Side) 클라이언트(사용자) 측에서 처리 클라이언트가 입력한것을 수.. 2023. 3. 23. 이전 1 ··· 9 10 11 12 다음 728x90 반응형 LIST
