HTML3 [홈페이지 개발]-2 홈페이지 만들기 홈페이지 만들기 2번째다. 이번주는 부분을 모두 마무리 하자는 목표를 세웠다. 그럼 오늘도 열심히 공부하고 만들어보자! link 태그는 연결고리? 메타태그에 이어 나에 눈을 사로 잡은 태그가 있다. 바로 link 태그!!! 현재 만드는 홈페이지에는 11개의 링크태그문이 있다. 영어로 적힌대로 무언가를 연결하는 연결고리인것 같다. 정확한 용도를 알아보자. 태그는 외부 리소스 연결요소로 현재 웹문서와 리소스의 관계를 연결하는데 제일 많이 사용된다. 링크함수 구성을 보자면 아래와 같다. 여기서 rel은관계(relationship)을 이야기한다. 우리가 동주민센터 가서 가족 이름으로 무언가 발급 받을때 말하는 바로 그 관계, 여기서는 "다음에 올파일은 이 웹문서의 "stylesheet"입니다." 라고 이야기 하.. 2024. 1. 17. [홈페이지 개발]-1 홈페이지 만들기 시작! 작년부터 생각했던 나만의 홈페이지 만들기를 시작했다. HTML, CSS, Javascript까지 어느정도 공부를 했다고 생각했는데, 막상 혼자 만들려고 하니 어디서 부터 손을 대야 할지 모르겠다는 생각이 들었다... 그래서 우선 유튜브로 대뜸 '홈페이지 개발, 홈페이지 만들기' 검색하고 만드는 방법들을 두루 시청했다. 그리고 기존에 만들어진 HTML, CSS 무료 템플릿을 가지고 와서 만들자고 결정하게 되었다. 구글로 'html css template'를 치고 나온 사이트중 free-css 사이트에서 맘에 드는 템플릿을 골랐다. 내가 고른 홈페이지는 "BROWNY FREE CSS TEMPLATE"로 누군가 감사하게도 공유해준 템플릿이었다. LIVE DEMO를 열어보니 개발자 이력을 소개하는 템플릿이었다... 2024. 1. 14. <Html> 레이아웃을 위한 시맨틱 요소 시맨틱(semantic) 이란 무엇일까? ▩ 시맨틱 HTML? 프로그래밍에서 시맨틱(semantic)이란, '코드조각'을 의미한다. HTML5 이전에는 모든 구조를 를 통해 잡다보니 한눈에 알아보기 어렵다는 지적이 있었고, 이를 개선하기 위해 HTML5 부터 시맨틱 태그(,,,,,)를 사용하게 되었다. 태그종류 표시방법 내용 header 일반적으로 페이지나 해당 섹션의 가장 윗부분에 위치한다. 페이지 맨 위에 쓸 때는 사이트의 제목이 보통 들어가며, 선택적으로 상단바나 검색창 등이 안에 들어갈 수 있다. 태그랑 헷갈리면 매우 곤란하다. section이나 article, aside 등으로 묶어놓은 섹션 안의 헤더 용도로 사용해도 된다. 이건 아래 footer 태그도 마찬가지다. nav 내비게이션(navig.. 2022. 3. 9. 이전 1 다음
