WEB1 - HTML & Internet

HTML 태그의 제왕

 

우리는 지금까지
문서를 만드는 방법을 충분히 자세히 살펴봤습니다.

 

 

태그를 결합하는 방법을 완전히 마스터했고,
빈도수가 절대적으로 높은 태그들을 살펴봤습니다.

앞으로 배울 것 보다,
지금까지 배운 것에 기쁨을 느끼셨으면 좋겠습니다.
기쁘시죠? ㅎㅎ

 

 

우리 수업에는 두개의 혁명적 순간이 있습니다.
하나는 태그라는 문법을 배운 순간이고,
또 하나는
지금부터 설명할 태그를 알게 된 순간입니다.
이 태그가 무엇일지 맞춰 보세요.

태그가 웹의 왕국이라면
지금부터 설명드릴 태그는
이 왕국의 제왕입니다.

현대의 HTML은
150여개의 태그로 이루어져 있지만
이들 모두 이 태그의 아래에 있습니다.
이 태그가 무엇일까요?

검색엔진들은
이 태그 덕분에 전세계의 웹을 항해하면서
웹페이지들을 발견할 수 있고,
이 태그 덕분에 더 좋은
검색결과를 만들 수 있었습니다.
이 태그가 없다면 검색엔진은 존재하지 않았을 것입니다.
우리의 일상에서
검색엔진이 없다면 어떤 일이 생길지 생각해 보세요.
이 태그가 무엇일까요?

이 태그는
도시의 길과
인체의 혈관과 같은 것입니다.

 


이 태그가 없다면
전세계의 모든 웹페이지는
고립될 것이고,
정보혁명도 시작되지 않았을 것입니다.
이 태그가 무엇일까요?

이 태그는
매일 백 번 넘게 사용하는 기능을 표현하는 태그입니다.
하루에 백 번도 넘게 하는 일은 많지 않습니다.

HTML의 약자
HyperText Markup Language의
HyperText가 바로 이 태그를 의미합니다.

이 태그의 이름은 anchor의 첫글자 a입니다.
앵커는 배가 정박할 때 사용하는 닻을 의미합니다.
정보의 바다에 정박한다는 의미의 시적인 표현인
a 태그는 어떤 기능을 표현하는 것일까요?

 

 

 

 

 

 

 

 

 

 

 

 

 

이 태그는 바로

 

 

링크
입니다

 

 

 

 

 

 

 

 

 

 

우리 프로젝트의 내용 중에
아래 텍스트에
Hypertext Markup Language (HTML)
HTML의 공식 사용설명서 페이지를
링크로 걸어보겠습니다.
주소는 아래와 같습니다.
https://www.w3.org/TR/html5/

 

 

알려드리기 전에
링크 거는 방법을 직접 찾아보세요.
추천 검색어는 아래와 같습니다.
 

html link

 

아래와 같이 하시면 됩니다.
a는 anchor의 약자이고,
href는 HyperText Reference의 약자입니다.

변경사항 

 

 

위 예제에서
target="_blank"는
링크를 클릭했을 때
새창에서 페이지가 열리게 하는 속성입니다.

 

 

또 title은
이 링크가 어떤 내용을 담고 있는지를
툴팁으로 보여주는 기능입니다.

 

자 이렇게 해서
웹을 웹답게 하는 가장 중요한 기능인
링크를 알아봤습니다.

 

 

링크를 소개하고 보니까
링크와 저의 관계에 대해서
이야기해 보고 싶어졌어요.

저는 학교에 다닐 때 공부를 잘 못했습니다.
딴 생각이 많은 학생이었거든요.
선생님이 무슨 말을 하면
자꾸 수업과는 관련이 없는 것들이 연상되서
잠깐 한눈 팔고 돌아와보면 진도가 보이지 않는 거에요.
특히 수학처럼 논리적인 과목은
정말 못했습니다.
수학포기자였죠.

제가 수업시간에
제일 많이 하는 딴 생각이 뭐였는지 아세요?
딴 생각하지 말아야지라는 딴 생각이었어요.
저는 그것이 그냥 저의 결함이라고 생각했습니다.
실제로 그 시대에 이런 성향은 결함이었습니다.

 

 

누구도 그렇게 이야기하지 않았지만,
저 스스로 나는
공부를 못하는 사람이고,
공부를 싫어하는 사람이라고 믿게 되었죠.
성적표가 움직이지 않는 증거였구요.
그렇게 저는 고등학교를 졸업했어요.

그리고 곧 웹이 뜬다는 소문이 돌기 시작했어요.
얼마 후에
집집마다 웹을 쓰기 위해서
인터넷을 도입하기 시작했습니다.

그 때부터 저는 링크를 통해서
제가 필요한 정보를 탐험하기 시작했어요.

 

 

떠오르는 딴 생각들을 따라서
정신없이 링크를 따라다니다 보면
많은 것을 알게 되었습니다.

생각해 보면
인류 역사를 통틀어서
저처럼
수업시간에 딴 생각을 하는 사람이
얼마나 많았을까요?

제가 고등학교를 졸업한 직후에
인터넷과 웹이
인류 역사상 처음으로
퍼지기 시작했던 거에요.

 

 

이것이 얼마나 큰 행운인지 모르겠습니다.
시대가 조금만 저를 비껴갔다면
저는 다른 인생을 살고 있었을거에요.

 

 

처음엔 링크를 따라 여행하는 웹서핑을
공부라고 생각하지 않았지만,
이제는 그것이
진정한 공부라고 생각하게 되었어요.

나는 공부를 좋아하는 사람이
되었다는 것을 알게 되었구요.

 

 

이 수업에 참여하고 계신 학우 여러분도
링크를 통해서
정보를 탐험하고,
문제를 해결하고 있으면서
그 과정이 즐겁다면
여러분은 이미
공부를 좋아하고,
잘하고 있는 것입니다.

 

 

그 사실을 인정하셨으면 좋겠습니다.

댓글

댓글 본문
작성자
비밀번호
  1. 별별이
    180423 / 감사합니다.
  2. 시오니
    보충 정리 설명도 너무 감사합니다. ^^
    대화보기
    • 스페이스몽키
      감사합니다! 항상 좋은 말씀 감사드려요
    • 솔백아
      2018.04.17 오늘의 말씀 너무 좋네요.. 감사합니다..ㅎㅎ
    • daaawnstar
      이렇게 또 한명의 제자가 푹 빠져버렸습니다..
    • Dreaming_Joyy
      Hypertext anchor... 멋진 metaphor이예요!!!
      <a href="website paste"> @@@ </a>으로 anchor를 내리고,
      <a href="website paste" target="_blank">로 다른 탭에서 열리게 upgrade
      <a href="website paste" title="html5 specification">으로 툴팁으로 커서의 마법까지!!

      진짜 재밌어요... 오호오홍!! 항상 좋은 수업과 좋은 말씀 감사드려요!!
    • Ki Seung Lee
      본문 -
      "처음엔 링크를 따라 여행하는 웹서핑을
      공부라고 생각하지 않았지만,
      이제는 그것이
      진정한 공부라고 생각하게 되었어요.

      나는 공부를 좋아하는 사람이
      되었다는 것을 알게 되었구요.

      이 수업에 참여하고 계신 학우 여러분도
      링크를 통해서
      정보를 탐험하고,
      문제를 해결하고 있으면서
      그 과정이 즐겁다면
      여러분은 이미
      공부를 좋아하고,
      잘하고 있는 것입니다."

      이 말에 저는 왜 눈시울이 붉어질까요...
      눈물 글썽 거리며 울지 않으려고 하면서 씁니다. 회사거든요 -_-;;;
      똑같이 공부를 잘 하지 못 했던 학생으로서 너무나 감사합니다 ^^
      웹 공부하러 왔다가 많은 영감을 받고 즐거움을 얻네요.
    • 감동............어제 새벽부터 지금까지 강의 계속 듣고 있는데 매 강의마다 동기부여를 해주는 것 같네요.
      너무 재밌어요
    • 좋은 강의 항상 감사드립니다!
    • maritta
      수업내용도 좋은데 인생수업도 해주심 ㅋㅋㅋ 멋지셔요
    • cactusky
      감사합니다, 덕분에 조금 더 자신을 바라보게 되네요.
    • 제갈량
      <a>태그야 말로 인터넷이라는 무한한 바다를 돌아다니게 해줄 수 있는 아주 중요한 태그죠.
      <a>로 인해서 수많은 정보들이 접하게되는 것입니다.
    • highspirit7
      태어난지 거의 30년이 다 된 청년입니다. 최근에 코딩을 배워 새로운 산업으로 뛰어들기로 결심하였습니다. 아예 기초도 없어서 HTML부터 잘 듣고 있습니다. 저는 한국 교육체재 내에서 공부는 잘 하는 편이었습니다만 제 스스로 무언가를 찾아서 제대로 공부해본 적은 없는 것 같습니다. 그래도 인터넷, 특히 스마트폰에서 인터넷을 쓰기 시작하면서 모르는 것이 있으면 검색해서 공부하려는 편입니다. 현재와 같이 빠르게 변화하는 세상에서는 정보를 탐색하고 스스로 공부해나가는 능력이 더욱더 중요할 것으로 생각합니다. 생활코딩과 같은 유익하고 시대의 변화에 발맞추는 강의가 있어 정말 다행입니다. 감사합니다.
    • 유진희
      훌륭한 강의이자 수업입니다. 감동적입니다. 열심히 해서 보답하겠습니다~
    • TiaFenrir
      생각해보면 인터넷의 이동하는 거의 모든 태그가 a태그로 이루어져 있었군요. 오늘도 배워갑니다.
    • 오렌지
      나이때문에 이제 시작하는 것에 대해 걱정이 참 많았는데요.
      좋은 말씀들 위안삼아 강의 잘 듣고 있습니다.
      감사합니다.
    • 양수
      저는 세상에 의미가 없는 건 없다고 생각합니다.
      의미가 없는 것은 세상 밖의 것이라고 생각합니다.

      자신의 말, 행동, 생각 그리고 글에 좀 더 힘을 불어넣고 싶습니다.

      그래서, 저는 공부를 좋아합니다.
    • 내가그린원안에서
      계속 수강중입니다.
      부끄럽게도 IT회사에서 일하고 있는데 아는건 전혀 없네요. 여태껏 많은 수업을 들었지만 님처럼 기본적인걸 쉽게 가르치시는 분을 보진 못했네요.
      html이 뭔가는 대충들어 알았지만 좀더 기본적인 지식을 쌓고 있습니다. 감사합니다.
    • Freeplay Sims
      맨날맨날 칭찬받는 기분.. 넘나 조아요
    • 김현
      넘 재밌어요 ㅠㅠ 저는 공부를 좋아하고 잘하고 있나봐요 얼른 다듣고 복습한뒤에 제 웹페이지 만들고싶네요
    • logicstark
      와 정말...칼답.....
      정말 너무너무 감사합니다.
      앞으로도 좋은 강의 잘 먹고 살겠습니다 :)
      대화보기
      • egoing
        저는 keynote로 만들어서 screenflow로 녹화하는 방식으로 작업하는 경우가 많이 있습니다.

        또 여기서 사용되는 이미지는 아래 주소를 보시면 아시겠지만 예술가들과 협업으로 만들어졌습니다.
        https://tumblbug.com/web1

        아래 주소를 보시면 web1을 위해서 만들어진, 저작권 제한 없이 사용할 수 있는 이미지들을 볼 수 있습니다.
        https://airtable.com......=on
        대화보기
        • logicstark
          2가지 질문이 있습니다!!
          1. 영상은 ppt로 작성된건가요?
          2. 영상의 그림자료는 직접 그리신건가요? 아니면 원래 있던 자료인가요?
        • 최명수
          나무위키나 위키피디아를 통해서 역사 사실이나 인터넷과 관련된 재밌는 정보들을 가끔씩 심심할 때 찾아보곤 하는데.. 지금 와서 보니까 저도 공부를 잘하는 학생이였네요.. ㄷㄷ
          기분이 좋네요 ㅎㅎ
        • 루루리
          마지막 말씀 감동이에요 ㅎㅎ 좋은 동기부여가 됩니다
        • 설렁탕
          이제 틀이 잡혀가네요 ㅎㅎ
        • 박동연
          잘 검색을 하는 것도 이제는 능력이 되버렸죠.
        • 김민승
          태그의 제왕인 링크 a 태그에 대해서 학습하였습니다.
        • egoing
          반영했습니다! 감사해요 :)
          대화보기
          • 위장우
            내용 하나하나 그 의미를 상기하며 진도가 나가니 이해의 깊이가 깊어지네요. 감사합니다~
          • Jihyun Lee
            완주를 목표로!!
          • 이피
            맞아요.과정이 즐거워야 즐길수 있어요.
          • 이근환
            정말 좋은 말씀 들려주셔서 감사합니다!
            공부를 좋아하고 더욱 재미있게 잘할수있도록 즐기겠습니다!:)
          • 차녕
            재밌게 달려가고 있습니다...
          • 윤장원
            감사합니다!
          • 김재학
            진짜루 유익 그 자체 입니다
          • aimerthis(이성민)
            잘봤습니다.
          • home4u
            강의가 재미가 있습니다. 대단합니다.
          • 잘할
            아 설명이 너무 디테일해서 넘나 이해가 잘되여ㅠㅠㅠㅠ href를 풀어서 알려주시니깐
            막 너무 기억이 잘나서 미친다눈!!! 너무 좋은강의 무료로 들려주셔서 항상 감사드립니다ㅠㅠㅠ
          • 2real0613
            설명을 잘 해주셔서 이해하고 따라기기는 쉬운데.. 외우고 알아 둘게 많네요.
            억지로라도 WEB에서 HTML을 사용하지 않으면 다 까먹겠습니다 ^^a
            Blog에 작성하는 글도 HTML로 만든다면(?) 하나의 프로젝트라고 봐도 될까요?
            프로젝트라하면 뭔가 프로그램을 개발하고 만들어야 할 것 같다는 편견이 가득해서요.....;;
          • 맨땅맨
            감사합니다!
          • 팽석
            점점 모습을 갖춰가는게 너무 흥미롭습니다. 이번 역시 잘 들었어요!!
          • Jae Il Park
            감사합니다~
          • seokhee
            egoing님 사랑합니다.
          • 컵케익
            잘 봤습니다. 감사합니다!
          • 180111 감사합니다!
          • 감사합니다! ^^
          • 아기백호
            수업 들으면, 코딩 재미있습니다.^^
          • 코딩학습생
            잘 봤습니다~
          • egoing
            예 약속입니다.
            대화보기
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기