javacript3

• 

  [HTML #6] 새로운 게시글 만들기 a, html 오늘은 HTML을 통해 특정 페이지로 이동할 수 있도록 하는 사이트를 간단하게 만들어 보도록 하겠습니다. HTML 게시글 이동 하이퍼링크로 지정된 텍스트를 클릭했을 때, 특정 페이지로 넘어가도록 해주려고 하는데, html 파일을 3개 만들어 놓고 시작하도록 하죠. 여기서 index.html은 메인 페이지가 되겠고, 숫자로 되어있는 .html 파일은 이동 시킬 페이지가 되겠네요. 우선, index.html에 구조를 간단하게 만들어주고 1.html을 태그 링크와 함께 연결시켜보도록 하겠습니다. 웹사이트 만들기 첫 번째 페이지로 이동 이렇게 태그 안에 '첫 번째 페이지로 이동'을 클릭하면 1.html 페이지로 넘어가게 됩니다. 그럼 리스트를 만들어놓고 다른 페이지도 꾸며보도록 하죠. 웹사이트 만들기 HTML을.. FRONT-END/HTML 2022. 7. 24.

• 

  [HTML #4] 기본구조 head, body 및 폰트 깨짐방지 HTML에서 가장 기본이 되는 구조와 폰트가 웹사이트에서 깨졌을때 해결하는 방법에 대해 알아보도록 하겠습니다. HTML 구조 HTML에는 기본적으로 가장 핵심이 되는 태그가 존재합니다. 위처럼 은 최상단에서 웹사이트를 만드는 기준이 되고, 태그는 본문이라고 생각하면 됩니다. 그렇다면 태그는 무엇일까요? 기본적으로 HTML에서는 몇 가지 정해놓은 약속 같은 것이 존재하는데, 에 만 들어가야 하는 태그들과 그 외적인 태그들을 특정 태그 안에만 넣도록 정해놓았습니다. 본문이 아닌 태그들은 태그 안에 넣어주면 되는데, 대표적으로 , 태그 등이 있습니다. 태그는 태그 위에 위치시켜주면 됩니다. 태그는 위에서 언급했듯이 본문이라고 생각하면 됩니다. 위키백과에서 개발자 도구를 열어 구조를 살펴보면 다음과 같습니다. .. FRONT-END/HTML 2022. 7. 24.

• 

  [HTML #2] 속성 과 링크 a, href="" target="_blank" 이 번에는 HTML의 속성이라는 문법과 링크라는 가장 중요한 두 가지 기능을 어떤식으로 표현할 수 있는지 알아보도록 하겠습니다. HTML 속성 및 링크 하이퍼링크로 지정된 텍스트를 클릭하면 특정한 웹사이트로 이동하게 되는 속성을 사용하고 링크로 연결시킬 수 있습니다. 여기서 라는 태그를 먼저 알 아야 합니다. A는 Anchor이라는 약자입니다. 즉, 어떠한 문자가 링크에 Anchor(고정, 연결) 되어 있다는 의미로 사용된 것으로 보입니다. 그렇다면 이 태그를 어떻게 사용할 까요? Href See the Pen Untitled by 서근 (@seogun95) on CodePen. 전 게시글에서도 말했듯, 태그에 href 속성을 통해 링크를 페어링 시켜줄 수 있습니다. 태그만으로는 정보가 부족하다고 HTM.. FRONT-END/HTML 2022. 7. 24.