본문 바로가기

HTML&CSS15

HTML 3차시 🍺 WORLD-BEER Beers from all over the world Menu About Table Contact About Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quae quisquam, similique est ipsam sequi magni excepturi illo quod Table Name Origin Available Heineken Netherlands Yes Guinness Ireland No Asahi Japan Yes Kloud S.Korea Yes Contact Name Email Message 개인정보 처리방침에 동의합니다 제출 2022 © WORLD-BEER All rights reserved 2022. 10. 21.
HTML 2차시 lorem: 샘플텍스트 alt + shift + 아래화살표 : 복붙 ctrl + K + F : 정렬 Alt + Z : 글자가 화면을 넘어가지 않도록 정리 img: 이미지 삽입 src (source): 이미지의 주소 alt (alternative): 이미지에 대한 설명, 이미지 출력에 오류가 생겼을 때 표시되는 정 width: 픽셀로 표시되는 넓이 header: 웹페이지의 최상단 nav: 메뉴 article: 기사, 짧은 글 section: 아티클을 포함하는 구역 footer: 웹페이지의 최하단 table: 표 - table border: 표 테두리 굵기 - thead (table heading): 표 제목 - tr (table row): 행 - td (table data):표 내용 form: 유저로부터 .. 2022. 10. 19.
HTML 1차시 - 웹개발, 프론트엔드와 백엔드 개념 - 프론트엔드 개발언어 HTML: 데이터 표시 CSS: 디자인 JavaScript: HTML과 CSS를 조작하여 동적인 페이지 구성 - HTML의 구조 tree: element의 구조 element: html을 구성하는 요소 attribute: element의 : 기능 확장 - 기본 elements h1~h6 : 제목 텍스트 p : paragraph ul, li: 리스트 작성 hr : 문단이나 페이지를 나누는 수평선 br : 줄바꿈 div: 분할 span: 선택 (본질적으로는 아무것도 나타내지 않습니다. 스타일을 적용하기 위해서, 또는 lang 등 어떤 특성의 값을 서로 공유하는 요소를 묶을 때 사용할 수 있습니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해.. 2022. 10. 14.