뚜벅이 한걸음

컴퓨터 기술 소개 웹 페이지 : 구조화 및 웹 폼 삽입

웹페이지를 통해서 사용자 입력을 받는 폼을 웹 폼 이라고 한다. 이를 위한 태그들이 제공되고 있으며 폼 요소라고 부른다. ​ 시멘틱 웹이 html로 만든 페이지를 구조화했다면 웹 폼은 사용자의 입력을 받는 페이지를 만드는데 사용할 수 있다. ​ 태그 ​

정보를 이쁘게 나열하면 보기가 좋다. 그렇다면 이쁘게의 기준은 뭘까? 정보를 이쁘게 정리한다는 것은 구조화를 한다는 것이다. 정보가 구조화 되어있으면 웹문서에 있는 정보의 탐색이 쉬워지기 때문이다. ​ 오늘날의 사회에서는 정보 하나하나들의 가치가 높기 때문에 정보를 탐색하는 것은 중요하다. 그러므로 탐색이 쉬워 검색엔진이 좋아하는 웹사이트를 만들어야 웹사이트의 가치가 올라간다. ​ 지금까지는 화면을 헤드랑 바디로만 나눴지만 이제부터는 ,,등의 태그를 이용한다. 이러한 태그들을이용하여 내용 탐색이 용이한 웹을 시맨틱 웹이라고 하며 , ,,,, 등을 시맨틱 태그라고 한다. 부분이 어떻게 나눠지는지 보기 위해 구조에 css를 적용한 모습이다. ​ 처음에 색깔이 지정이 되지않아서 왜그런가 했더니 세미콜론을 빠뜨..

컴퓨터 기술 소개 웹페이지 : html태그로 만들기 ​ 결과물! 처음으로 페이지를 만들어보았습니다! ​ 혹시 잘 못 만든 부분이 있다면 알려주세요 :>

페이지에 비디오와 음성파일을 삽입하는 태그이다. 이미지를 삽입하는 것과 비슷하다. 쏘스를 적어주고 크기를 지원해주면된다. 다른점은 사용하는 속성들이 더 많이 이있다. controls 를 사용하면 동영상과 음성파일에 재생버튼, 음량조절 버튼 등 제어버튼을 볼 수 있다. autoplay 는 자동재생(보안상의 이유로 요즘 웹은 자동재생이 안되는 경우가 많음) loop는 무한 반복이다. ​ ​

인터넷을 할 때 식당을 검색하거나 하면 지도 화면이 웹페이지 내에서 작동하는 것을 볼 수 있다. 을 사용하면 현재 html 페이지 내에 내장 윈도우를 만들고 다른 html 페이지를 출력할 수 있다. 이때 태그로 만들어지는 윈도우를 인라인 프레임이라고 한다.

앵커 ​ 닻이라는 뜻처럼 문서내의 측정 위치로 이동 할 수 도록 하는 기능이다. ​ 위키디피아 등의 페이지를 볼때 웹페이지의 본문을 읽다가 단어의 설명이 필요할때가 있다. 이때 그 단어에 링크를 걸고 페이지의 아래쪽에 앵커를 나둔것을 볼 수 있다. 단어 설명이 앵커가되고 본문의 단어에 링크를 걸어서 단어를 누르면 단어의 설명이 있는 위치로 갈 수 있도록 하는 것이다. ​ 이렇게 편리한 앵커! 어떻게 만들까? ​ id 속성을 이용하면 된다. 15번째 줄을 보면 새창에서 띄우기를 클릭하면 네이트 페이지가 새창에서 띄어질 수 있도록 되어있다. 17 chapt1으로 이동 39 chapt2으로 이동 ​ 17번째줄을 보면 id 속성이 보인다. id 속성에 앵커의 이름을 지정하면 어떠한 태그던간에 그 위치에 앵커가 ..

하이퍼링크는 태그의 href 속성을 사용하여 만들수 있다. 태그의 속성에는 href, target, download 3가지가 있다.