본문 바로가기

공부/WebPage8

HTML(CSS) - freecodecamp / Design a Greeting Card Step 1In this workshop, you will practice working with different pseudo-classes and pseudo-elements by designing a greeting card. The HTML boilerplate has been provided for you.Start the workshop by linking the styles.css file. css를 넣기 위해서 link로 연결을 해주어야 한다Step 2Create a div element that has an id of greeting-card and a class of card.Inside the div element, add an h1 with the text Happy Birthday.. 2025. 6. 4.
Web page html 공부 정리 7: HTML5와 멀티미디어 1: 인터넷과 웹 기초인터넷 vs 웹: 인터넷은 네트워크, 웹은 그 위에서 동작하는 데이터 공유 시스템.클라이언트/서버 구조: 서버는 요청에 따라 자료 제공, 클라이언트는 요청을 보냄.웹 주소(URL) 구성: 프로토콜, 도메인, 문서 경로.HTTP 프로토콜과 상태 코드: 요청-응답 사이클, 200 OK, 404 Not Found 등.IP, DHCP, DNS 설명​.2: HTML 기초HTML 문서 구조: , , , .요소(Element)와 속성(Attribute): 모든 텍스트는 태그로 감싸야 함.문단, 제목, 목록(unordered, ordered, description) 작성 방법.DOM(Document Object Model) 이해​.3: 이미지, 링크, 페이지 구성이미지 삽입: 태그 (필수 속성:.. 2025. 4. 27.
Web page html 공부 정리 6: 폼 심화 1: 인터넷과 웹 기초인터넷 vs 웹: 인터넷은 네트워크, 웹은 그 위에서 동작하는 데이터 공유 시스템.클라이언트/서버 구조: 서버는 요청에 따라 자료 제공, 클라이언트는 요청을 보냄.웹 주소(URL) 구성: 프로토콜, 도메인, 문서 경로.HTTP 프로토콜과 상태 코드: 요청-응답 사이클, 200 OK, 404 Not Found 등.IP, DHCP, DNS 설명​.2: HTML 기초HTML 문서 구조: , , , .요소(Element)와 속성(Attribute): 모든 텍스트는 태그로 감싸야 함.문단, 제목, 목록(unordered, ordered, description) 작성 방법.DOM(Document Object Model) 이해​.3: 이미지, 링크, 페이지 구성이미지 삽입: 태그 (필수 속성:.. 2025. 4. 27.
Web page html 공부 정리 4: 테이블과 폼 기본 1: 인터넷과 웹 기초인터넷 vs 웹: 인터넷은 네트워크, 웹은 그 위에서 동작하는 데이터 공유 시스템.클라이언트/서버 구조: 서버는 요청에 따라 자료 제공, 클라이언트는 요청을 보냄.웹 주소(URL) 구성: 프로토콜, 도메인, 문서 경로.HTTP 프로토콜과 상태 코드: 요청-응답 사이클, 200 OK, 404 Not Found 등.IP, DHCP, DNS 설명​.2: HTML 기초HTML 문서 구조: , , , .요소(Element)와 속성(Attribute): 모든 텍스트는 태그로 감싸야 함.문단, 제목, 목록(unordered, ordered, description) 작성 방법.DOM(Document Object Model) 이해​.3: 이미지, 링크, 페이지 구성이미지 삽입: 태그 (필수 속성:.. 2025. 4. 26.

티스토리툴바