프론트앤드 43

[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-03 | HTML 실습1

실습 1, 카페 음료 문서 작성 - 카페 이름은 - 메뉴 이름은 - 카페 전체 음료 리스트는 태그, 음료 최소 3개 - 의 자식 요소 요소를 넣고 가격을 표시 - 태그 아래에 수평 줄을 추가하고 그 아래에 각각 음료에 대한 설명은 태그를 사용하여 표시 - 문자 꾸미기 태그도 사용 맛있는 카페 아메리카노 R: 3000 L: 3500 아인슈페너 R: 4000 L: 4500 아이스티 R: 3000 L: 3500 딸기라뗴 R: 3500 L: 4000 음료 설명 물+에스프레소 맛있음 물+에스프레소+크림 맛있음 립톤 맛있음 딸기 맛있음 실습하면서 h1 태그의 경우에는 줄바꿈 태그인 br을 안써줘도 된다는 것을 알 수 있었다. 제목태그여서 띄어쓰기를 안해도 되는 거였다. 또한 sementic 태그를 사용해봤는데 아직..

[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-02 | HTML tag의 종류

tag의 종류 ● tag의 종류- 1. 제목 태그, - 제목을 뜻하는 Heading의 약자, h 사용! - 자동 줄바꿈! - 하나의 HTML문서에는 한개의 h1 태그를 권장 - 웹 검색 엔진이 제일 먼저 검색하는 태그! ● tag의 종류- 2. 본문 태그, - 본문을 뜻하는 paragraph의 약자,사용 - 본문을 적기 위한 태그 ● tag의 종류- 3. 줄 바꿈 태그, - 줄바꿔줌 ● tag의 종류- 4. 목록, or - 순서 없는 목록 - 순서 있는 목록 - 은 속성 사용 가능 - : 말머리 기호 변경(1,A, a, I, i) - : 시작 값 변경 - : 역순으로 시작 ● tag의 종류- 5. 수평 줄, - 수평으로 된 줄을 그어줌 ● tag의 종류- 6. 문자 꾸미기 태그들 - : 두껍게 - :두껍..

[포스코x코딩온] 웹개발자 입문 과정 1주차 회고-01 | HTML 기초 학습

HTML:집의 구조 CSS: 인테리어 javascript: 집의 기능 오늘은 HTML에 대해서 배웠다. HTML의 구조는 의 구조를 갖는다. - HTML5(5는 버전) 문서는 반드시 으로 시작하여 문서 형식을 HTML5로 지정한다. (!+엔터로 구현 가능) - 실제적인 HTML문서는 2번째행부터 시작되며 사이에 작성한다. -사이에는 태그의 정보를 읽어들이기 위한 정보가 존재한다.(제목, 저장 방식, 브라우저의 크기 등등) -웹 브라우저에 출력되는 모든 요소는 와 사이에 위치한다. 예시 Hello World 안녕하세요! HTML5 ● 태그 - 메타 데이터(데이터를 위한 데이터)를 포함하기 위한 태그 - 웹 페이지에서 유일하게 존재함 - HTML 문서의 title, style, link, script, me..