오늘부터는 w3shcools를 리뷰하며
정리한 내용들을 스팀잇에 기록해보려고 합니다.
s3school에서 제공하는 튜토리얼은
타의 추종을 불허할정도로 간결하며 직관적입니다.
교재가 따로 필요없을 정도입니다.
그래도 이해가 안되신다면
첨부한 유튜브링크(Do it! HTML5+CSS웹표준의 정석)로
들어가셔서 강의를 참고하세요 :)
게다가 무려 공.짜
What is HTML?
HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language
HTML describes the structure of Web pages using markup
HTML elements are the building blocks of HTML pages
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page
HTML이란 무엇입니까?
HTML은 웹 페이지를 만들기위한 표준 마크 업 언어입니다.
HTML은 하이퍼 텍스트 마크 업 언어
HTML은 마크 업을 사용하여 웹 페이지의 구조를 설명합니다.
HTML 요소는 HTML 페이지의 구성 요소입니다.
HTML 요소는 태그로 표현됩니다.
HTML 태그는 "heading", "paragraph", "table"등과 같은 내용의 레이블을 표시합니다.
브라우저는 HTML 태그를 표시하지 않지만이를 사용하여 페이지의 내용을 렌더링합니다.
HTML이란 Hyper Text Mark-up Language 약자로
웹사이트를 만들기 위해 탄생한 프로그래밍 언어입니다.
일반인도 쉽게 배울 수 있으며, 자신만의 웹페이지를
만들 수 있다는게 큰 매력입니다.
말로 백번 설명하는것보다
실습을 진행해보는것이 좋을것 같습니다.
지금바로 Notepad(메모장)을 켜서
아래와 같은 예문을 작성하여주세요.
모두 작성하셨나요?
컴퓨터는 오탈자에 대해서는
아주 엄격하기 때문에 오타를 주의해주세요 :)
그리고 파일-다른 이름으로 저장하기를 선택합니다.
그럼 저장하기를 위한 창이 하나 뜨겠죠?
(저는 실습을 위해 web이라는 이름의
폴더를 만들고 그곳에다 저장하기로 하였습니다.)
파일이름은 자유롭게 만드시되,
(저는 webEx01이라고 하였습니다.)
확장자명은 꼭 .html로 수정한 후
저장하기 버튼을 눌러 저장하세요.
이번에는 파일을 저장한 폴더로 이동하도록 하겠습니다.
어? 나는 분명 텍스트파일을 저장했는데
인터넷모양(저는 크롬을 사용하기 때문에 크롬모양)의
아이콘이 생성된것을 보실 수 있습니다.
확장자명은 역시나 .html 이네요
한번 실행해보겠습니다 :)
짠!
모두 위와 같은 화면이 뜨셨나요?
축하드립니다.
드디어 여러분의 웹사이트를
만들기 위한 첫단계로
Hello, Steemit ! ! ! 이라는
문구를 표시하는 웹사이트를 만드셨습니다.
다음 시간에는
오늘 만들어본 페이지에 대한 설명과
태그(tag)의 개념에 대해서 알아보도록 하겠습니다.
