HTML Dersleri -1 / Giriş

안녕 내 모든 친구들 나는 prototurkcom을 준비했다

여러분 모두를이 새로운 교육 시리즈에 오신 것을 환영합니다 이것은 비디오 튜토리얼이 아닙니다 교육 시리즈는 친구가 될 것입니다 일련의 HTML과 CSS를 준비 중입니다

나는 이것을 실제로 준비하고있다 두 가지 주된 이유가 있습니다 의 Birinici

우리는 얼마나 잘 우리가 HTML을 알고 먼저 그것에 대해 생각해야합니다 HTML을 적시에 학습 할 때 어떻게 작동하는지 이해하기 때문입니다 우리가했던 divlerle spanlarla 일

그러나 어떤 라벨의 핵심은 무엇입니까? 아마도 그것이 어떻게 작동해야하는지 우리 중 대부분은 모른다 부끄러움을 모르는 것을 모르는 것이 부끄러운 일입니다 이 수업에서는 우리는 그들에 대해 배울 것입니다 저는 사실이 코스 시리즈를 준비하고 있습니다 또 다른 이유는, 내 여자 친구 이 작품과 HTML, CSS는 배우고 인터넷에서 연구했지만 아주 건강한 자원을 찾지 못했습니다

예를 들어, 잘라낸 후 1-2 비디오 기사는 이미 하나님을위한 그래서 HTM 버전 5가 아니라 첫 번째 HTML 시간되고 그들은 레이블과 사람들의 머리에 표시 점점 모르는 사람 이러한 소스로 시작 내가 배우기가 조금 어려워 보입니다 그래서 나는이 훈련 시리즈를 들여다 본다 나는 HTML을 공부하려고 노력할 것이다 할 수 있으면 하지만 우린 이해한다고 확신합니다 이 수업이 끝나면 나는 확신합니다

이제 우리는 HTML, HTML을 호출하지만 가기 전에

HTML을 쓰기 당신 메모장 나는 우리가 지금주기를 닫았 기 때문에 내가 그것을 사용한다고 말하지 않을 것이다 그래, 알다시피, HTML 코드 어떤 프로그램을 메모장에 쓸 수 있습니다

당신은 건설에서 쓸 수 있습니다 기술 이전 때문에 프로그램의 도움으로 편집자의 도움으로 훨씬 더 논리적 일 것입니다 그래서 튜토리얼에서 "Visual Studio 코드"를 사용합니다 나는 그것을 사용합니다

그것은 VSCode를 거칩니다 Google에 Visual Studio 코드를 작성한 후 codevisualstudiocom에서 자신의 운영 체제에 맞는 것을 다운로드 할 수 있습니다 여기에서 "다운로드"탭, Windows 창 linux, linux, mac'se 맥 친구 어쨌든 Windows에 설치를 표시하지 않겠습니다 프로그램을 설정하는 중 곤경에 처해있다

대부분은 기본적으로 고민입니다 🙂 같은 방식으로 Mac에 다시 설치하십시오 나는 리눅스에서 그것을 결코 발견하지 못했다 그래서 나는 모른다

아마 또한 쉽다 Linux를 사용하는 경우 당신은 설치를 안다 우리는 VSCode를 설치하고 있습니다 우리는이 편집장을 구성하고 있습니다 그렇다면이 편집기와 다른 편집기의 차이점은 무엇입니까? 차이점이 없다는 사실은이 편집자의 외모보다 훨씬 큽니다 나는 그것을 내 사랑에 사용하는 것을 선호하지만 귀하의 취향에 따라 달라질 수 있습니다 우리 편집자는 볼 수있다 여기를 누르면 여기에 폴더가 선택되면 폴더의 내용이 나타납니다 여기에 "폴더 열기"가 있습니다 우리는 곧 그를 부를 것이다

추가 기능 섹션이 있습니다 편집기에서 내일 플러그인을 추가하고 싶다면 나는 너를 여기 보여 줄 것이다 여기에는 설정을 할 수있는 "설정"섹션도 있습니다 물론 이것은 우리에게별로 중요하지 않습니다 우리는

파일을 만들려면

우리가 코드를 작성할 수있는 한 우리는 아무 것도 할 수있는 한 우리에게는 아무것도 없다

지금 HTML이란 무엇입니까? HTML에서는 분명히 친구의 약어입니다 HTML = 하이퍼 텍스트 마크 업 언어 의미 터키어로 쓰여졌습니다

하이퍼 텍스트 마크 업 언어 하이퍼 텍스트 마크 업 언어는 영어로되어 있습니다 그것은 무엇입니까? 웹 페이지를 만들려면 는 표준 텍스트 마크 업 언어입니다 최신 언어 버전은 HTML5입니다 HTML은 프로그래밍 언어로 정의 될 수 없습니다 HTML 코드 자체로 작동하기 때문에 프로그램을 작성할 수 없습니다 예, 저는이 정의가 위키 백과에서 온 것이라고 생각합니다 나는 추측한다 우리가 HTML이라고 부르는 것은 마크 업입니다 언어 이 HTML은 무엇입니까? 지금 우리는 googlecom을 브라우저에 연결하고 엽니 다 우리는 실제로 여기 HTML 코드를 봅니다 주문을 제공하는 또 다른 것 뭔가 다른 것을 제공하는 소프트웨어를 제공

배경에 더 많은 것을 그러나 사용자의 시선으로 HTML 코드는 실제로 있습니다

Ctrl + U, Ctrl + Shift + U 또는 할 때

페이지 소스를 볼 때 사실 대부분 HTML 코드로 당신은 볼 수 있습니다 예를 들어, 다음은 하나의 HTML 코드입니다 거기 <div>는 내 HTML 코드라고 말했습니다 그리고 물론 끝이 있습니다 </ div> 지금

어떻게 시작할까요? 우리는 가장 아름답습니다하자

황갈색을 만들어 봅시다 그는 "html" 또는 "html 레슨"을 해봅시다 이 폴더를 여기에서여십시오 "html 수업"이라고 말합니다

예, 지금이 폴더에 있습니다 내 폴더가 비어 있습니다 이제 보죠 그래, 지금 내 폴더가 비어있어 나 왔어

HTML 파일을 만들고 싶습니다 HTML 파일 html의 확장

될 수 있습니다 그래서 나는 하나 던지고있다 샘플 파일을 만듭니다

마치 testhtml – this html

우리의 HTML 파일이 표현됩니다 HTML 파일을 만들었습니다

Windows 측에서 때때로 새 텍스트 문서를 만듭니다 그리고 그들은 말한다 testhtml을 작성할 때 발생하지 않습니다 이것은 폴더 때문입니다 옵션을 입력합니다 "알려진 파일 형식에 대한 확장명 숨기기 " 수동 그래서 파일 확장자를 볼 수 있습니다

html 확장자를 변경할 수 있습니다

하지만 그래서 우리는 편집자를 사용합니다 편집자 html 파일을 통해 직접 만들 수 있습니다 HTML에서 친구 HTML로 무엇을 말 했나요? 마크 업 언어 그래서

우리 페이지에서 중요한 것은 무엇입니까 HTML 언어가 알 수 있습니다 HTML 언어로 말할 수있는 HTML 언어 태그를 알아야합니다

그래서 무엇입니까? 우리 우리는 주요 HTML 태그가 있습니다

그래서이 레이블들이 어디에 사용되는지 알게되면 우리는 실제로 HTML을 배울 것입니다 하지만 레이블에 가기 전에 라벨을 정의하는 법

나는 그들에게 속성이 어떻게 정의되는지 보여주고 싶다 HTML에는 두 가지 유형의 태그가 있습니다 그들 중 하나 는 자체 폐쇄 라벨 유형입니다 태그는 작고 크다

징후로 시작됩니다 그리고 여기 레이블 이름이 나옵니다 라벨 (예 : 그리고이 콤보 태그와 같은 방식으로 다시 이렇게

여기에 슬래시 (/)를 붙입니다 그래서 여기 슬래시 만있는 유일한 차이점이 있습니다 이들은 개폐 라벨이었습니다 그래서 자기 폐쇄 라벨이 있습니다 이걸 보여 주면 끝내겠습니다

이것은 현재 버전입니다 심지어 때때로 그것은 이와 같습니다

사용할 수 있습니다 우리는 이미 다음 레슨의 차이점을 보게 될 것입니다 그런 다음 HTML로 태그를 정의합니다

친구를 사귈려면 무엇이 필요합니까? 작은 사인은 레이블의 이름입니다 마크보다 큽니다 작은 사인

슬래시 레이블 이름과 마크보다 큽니다 음 우리는 우리 자신의 레이블 이름을 만들 것입니다? 아니오

HTML에는 특정 태그가 있습니다 우리는 그들을 사용하여 그들을 처리합니다 하지만 전에 가장 기본적인 태그를 보자

이 친구들은 <html> <head>, <body>

와 머리 속에있는 <title> 태그 이것들은 우리에게 매우 중요합니다

왜냐하면 HTML 페이지에 반드시 있어야하는 태그이기 때문입니다 이들은 친구입니다 우리가 말한 것은 <html> 태그였습니다 자동으로 프로그램을 열었습니다 보시다시피

나는 시험 할 필요가 없다 <html> 친구 그것은 다른 모든 태그를 포함합니다 레이블입니다 그래서 다른 모든 태그는 HTML로 작성됩니다 <html> 그 자체는 2로 나뉩니다 그 중 하나

<head> 다른 하나도 참조하십시오 <head> 태그와 <body> 태그는 다릅니다 왜냐하면 그들의 기능이 다릅니다 머리 머리 그래서 백그라운드 작업에있을 것입니다

사용자가 보지 않거나 말할 방법이 제목 만 보면 실제로 여기 있습니다 사용자는 다른 것을 보지 못합니다 우리는 머리쪽에 물건을 쓰고 있습니다 이미 머리의 측면에있을 때 몸의 측면 때 수업이 진행됨에 따라 이해하게 될 것입니다 몸의 신체가 이미 몸 안에 있음을 의미합니다 터키어로 사용자 HTML 페이지, 또는 웹 페이지 입력 그 다음 신체에 나타날 부품