HTML이란 무엇입니까? 무엇을합니까? 그리고 무엇을 위해 사용됩니까? (비디오 설명)

HTML을 이해하면 웹이 열립니다. 그것이 무엇인지, 어떻게 작동하는지 알게되면 곧 전체 인터넷 기능의 기본이 어떻게 작동하는지, 그리고 더 중요하게는 기본 웹 페이지가 생성되는 방법과 편집 방법이 곧 알게 될 것입니다. 게다가 HTML은 처음에는 어려울지라도 실제로 배우는 매우 간단한 언어입니다! HTML에 대한 모든 정보를 찾을 준비가되었습니다.?


한 번 보자…

HTML이란 무엇이며 어떻게해야합니까? :

– (참고 : Topher DeRosia의 비디오 크레딧 – HeroPress 제작자

비디오 대본 :

안녕! WinningWP가있는 Topher입니다. 이 비디오에서는 다음 질문에 답할 것입니다. HTML이란 무엇입니까? 무엇을하며 무엇을 위해 사용됩니까? 나는 그것이 무엇을 의미하는지 말한 다음에 그것이 무엇을하고 무엇을 위해 사용되는지 보여줄 것입니다. HTML은 하이퍼 텍스트 마크 업 언어를 나타내며, 하이퍼 텍스트는 HTML이 웹 페이지의 링크를 클릭 할 수 있도록 HTML을 만든다는 사실을 나타냅니다. 이것이 하이퍼 텍스트입니다. 마크 업 언어 란 단어를 표시하기 위해 일반 영어를 마크 업하는 데 사용하는 언어라는 의미입니다. Lemme는 내가 의미하는 바를 보여줍니다. 이것은 정상적인 웹 페이지입니다. WordPress에 있으며 전체 페이지는 HTML을 사용하여 브라우저에이 모든 텍스트로 수행 할 작업을 알려줍니다. 그중 일부는 다른 것보다 중요하고, 일부는 테이블에 있고, 일부는 이미지이며, 모든 웹 페이지에서 모든 브라우저에서 페이지 소스를 마우스 오른쪽 단추로 클릭하여 볼 수 있으며 모든 HTML을 볼 수 있습니다. 다행히도 모든 HTML을 알 필요는 없습니다. 워드 프레스와 관련하여 알아야 할 사항을 보여 드리겠습니다. 이것은 같은 게시물이지만 관리 영역에 있으며 WordPress에 익숙하다면 익숙 할 것입니다. 이것이 일반적인 내용 영역입니다. 이 유형의 편집기를 wysiwyg라고합니다. 왜냐하면 그것이 보는 것이 얻는 것을 의미하기 때문입니다. 이 단어는 먼저 강조 표시하고 굵은 체 버튼을 클릭하여 굵게 표시되므로 다른 단어보다 약간 어둡습니다. 통계라는이 단어는 실제로 제목 3의 크기이고 다양성은 제목 4의 크기이지만이 일반 텍스트는 단락 일뿐입니다. 이 편집기의 좋은 점은 바로 여기 오른쪽 상단에 텍스트를 나타내는 버튼이라는 것입니다. 이제 동일한 정보를보고 있지만 원시 HTML을 볼 수 있습니다. 바로 여기에 먼저 단어가 있습니다. 내가 강조 표시하고 굵게 표시 한 방법을 기억하십니까? 실제로 발생한 것은 strong이라는 일부 HTML 태그로 래핑되었습니다. HTML은 일반적으로 여는 태그와 닫는 태그의 두 가지로 제공되며 여기에는이 작은 슬래시가 있으므로 닫기가 다릅니다. HTML에 대해 알아야 할 중요한 점은 HTML이 표시하는 텍스트를 설명한다는 것입니다. 나는 이것이 대담한 것을 원하지 않습니다. 나는 그것이 강해지기를 원합니다. 화면 판독기에서 굵게 표시되는지 여부는 중요하지 않지만 강한 태그는 판독기에 추가로 강력하게 지시합니다. 여기에있는 제 3, 4 번 헤더는이 텍스트의 계층을 나타냅니다. 사람들이 읽는 데 유용 할 수 있지만 Google은 텍스트로 무슨 일이 일어나고 있는지 이해하는 것이 매우 유용하며 스크린 리더에게도 유용합니다. 주목해야 할 것은 모든 브라우저가 HTML을 동일한 방식으로 렌더링하는 것은 아닙니다. 이 브라우저 내에서 Chrome 인 경우에도 헤더 크기는 4이며 단락 텍스트와 동일하게 보입니다. 그러나 실제 게시물로 돌아 가면 단락 텍스트보다 훨씬 큽니다. 또한 모든 브라우저가 동일한 방식으로 표시되는 것은 아닙니다. 따라서 HTML을 더 크게 대담하게 만들 수는 없습니다. 단순히 HTML을 사용하여 HTML을 헤더 크기 3으로 설명하면 브라우저가 그 작업을 처리합니다. 경우에 따라 더 크고 대담하지만 다른 경우에는 그렇지 않습니다. 이 게시물에는 여기에 테이블이 있으며 텍스트 모드로 이동하면 테이블, 테이블 본문, 테이블 행 등이 여기에 있음을 알 수 있습니다. 그리고 테이블 아래에 이미지가 있습니다. html에서 이미지는 다음과 같습니다. img로 시작한 다음 다른 비디오에서 이야기 할 클래스가 있고 소스 태그가 있습니다.이 태그는 이미지가 인터넷에서 어디에 있는지 알려줍니다. 스크린 리더를위한 alt 태그가 있고 너비와 높이 태그가있어 브라우저가이 이미지의 크기를 미리 알 수 있습니다. 이 텍스트 탭을 자주 사용하지 않아도되지만 HTML 작동 방식에 대해 조금만 배우면 나중에 많은 시간을 절약 할 수 있습니다. wysiwyg 편집기가 제대로 작동하지 않으면 텍스트 탭을 클릭하고 진행 상황을 확인할 수 있습니다. 이 콜론을 강력한 태그 안에 넣고 싶을 수도 있지만 마우스가 강조 표시하고 싶지 않은 것 같습니다. 하지만 당신은 지금 안에 있습니다. 이제 업데이트 할 수 있고 여기로 와서 아직 다시로드하지 않았으므로 콜론은 여전히 ​​강한 외부에 있지만 지금 다시로드하면 조금 더 대담한 것을 알 수 있습니다. 지금까지 배운 내용을 검토해 보겠습니다. HTML은 하이퍼 텍스트 마크 업 언어를 나타내며, 이는 일반 영어를 하이퍼 텍스트로 마크 업하기위한 언어이며 원래 하이퍼 텍스트는 단순히 클릭 할 수 있음을 의미하지만 이제는 모든 종류를 의미합니다 헤더, 테이블 및 이미지 선언과 같은 것들. HTML은 텍스트의 목적을 설명합니다. 그런 다음 해당 텍스트로 무엇을해야하는지 아는 것은 웹 브라우저에 달려 있습니다. WordPress에 대한 자세한 내용을 보려면 WinningWP.com을 확인하십시오..

더 많은 비디오보기…

추가 할 내용?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map