HTML 초보자 안내서 작성

반응형

HTML이란 무엇입니까? HTML은 Hypertext Markup Language(하이퍼텍스트 마크업 언어)의 약자로, 온라인 사이트에서 볼 수 있는 웹 사이트 콘텐츠의 가장 기본적인 구성 요소 중 하나입니다. 대부분의 사람들은 HTML을 단지 한 종류의 언어라고 생각하지만, 실제로는 많은 다른 종류의 HTML이 있다; 몇몇은 다른 것들보다 더 흔하지만, 그들은 모두 같은 기본적인 구문을 공유한다. rules.in 초보자들을 위한 몇몇 HTML 튜토리얼은 HTML을 배울 수 있다. 즉, HTML을 사용하여 페이지 간 하이퍼링크를 만들고, 일부 사진과 다른 디자인 요소를 추가하고, 심지어 비디오나 다른 미디어 플레이어를 페이지에 포함할 수 있습니다.
HTML 기본 태그

기본 태그를 사용하여 기본 웹 페이지를 설정하고 실행하는 방법에 대해 배우십시오. 가장 간단한 방법으로 웹 페이지를 시작하고 텍스트를 추가하고 링크를 만드는 방법을 배울 수 있습니다. 이것은 당신의 기본적인 포맷 요구를 모두 충족시킬 것입니다.
HTML 테이블
표 요소 또는 HTML 표 태그를 사용하여 페이지의 데이터와 그래픽을 구성할 수 있습니다. 웹 디자인에서 테이블을 가장 많이 사용하는 것은 표 형식의 데이터를 표시하는 것이다. 요소를 배치하는 데도 사용할 수 있기 때문에 많은 개발자와 디자이너가 모든 작업에 테이블을 사용합니다. 비록 그것이 기술적으로 목적이 아님에도 불구하고 말입니다. 테이블은 표 형식의 데이터를 표시하는 데 사용되므로 의도하지 않은 방식으로 사용하지 않도록 해야 합니다.
tr> - 행을 나타냅니다.

HTML 앵커 태그
이 태그는 텍스트를 웹 페이지 링크와 연결합니다. 밑줄이 그어지든 상관없이 텍스트는 활성 링크가 됩니다. 단어 앞과 뒤에 # 기호를 추가하여 HTML 앵커 태그를 사용하여 액세스할 수 있는 페이지를 추가로 만들 수 있습니다. 웹 사이트를 디자인할 때 페이지 간 연결을 쉽고 일관되게 유지하기 위해 단어 외에도 숫자를 사용하는 것이 중요합니다. 나중에 사이트를 편집할 때 다른 링크(예: 헤더 태그) 내에 링크가 있음을 확인할 수 있습니다. 이러한 경우 내부 링크에는 슬래시가 부착되어 있어야 하고 다른 모든 링크에는 슬래시 뒤에 오는 정기 기간이 있어야 합니다.

요소 자습서
**
HTML 제목 태그**
제목 태그는 SEO 순위 요소이며 검색 엔진과 사용자 모두 당신의 페이지가 무엇에 관한 것인지 이해하는 데 도움이 된다. 그것은 서술적이어야 하지만, 몇 단어 이상일 수 없다. Who Needs Lawers?의 HTML 제목 태그는 "Florida의 상해 변호사" – "올랜도의 상위 5개 법률 관행 목록"과 같은 제목만큼 당신의 웹사이트가 무엇에 관한 것인지 전달하는데 효과적이지 않을 것이다. 효과적인 제목 태그가 있으면 인포그래픽 또는 납 자석(아래 참조)과 같은 관심사에 맞게 설계된 최고급 콘텐츠로 뷰어를 웹 사이트로 안내합니다.

 

<제목>브라우저의 제목 표시줄에 일반적으로 표시됩니다.

HTML img 태그
HTML img 태그는 웹페이지에서 참조할 수 있는 이미지를 정의합니다. 또한 페이지의 텍스트와 관련하여 이미지가 배치되는 위치를 제어합니다. 만약 당신이 두 단락의 텍스트 뒤에 이미지가 있다면, 당신은 HTML img 태그 내의 다양한 속성을 사용하여 그것을 양쪽에 배치할 수 있다. 기본적으로 모든 이미지는 해당 단락 위에 나타납니다. 그러나 img 태그 특성으로 class=imageSideLeft를 사용하고 align=Left를 사용하면 이미지가 왼쪽에 나타납니다. 멋지다! 대신 관련 텍스트 단락 아래에 표시하려는 경우(문단 사이의 다른 말로 하면) class=imageSideRight를 사용하고 왼쪽 또는 가운데 대신 align=오른쪽을 사용합니다.

HTML li 태그
리 태그(또는 목록 항목)는 일련의 클릭 또는 페이지로 렌더링합니다. 사용자에게 경험을 안내하려는 경우 유용한 사용자 인터페이스 요소가 될 수 있습니다. 리 태그의 항목 값은 고유한 식별자를 나타내며 클릭할 때마다 업데이트됩니다(경험에서 항목 위치를 추적할 수 있음). 항목 값 사용에 대한 자세한 내용은 데이터 바인딩 가이드를 참조하십시오. HTML li Tag에 적용된 CSS 클래스도 목록 항목을 나타내지만, 항목이 하는 것처럼 각 클릭/페이지에 따라 업데이트되지는 않습니다. 이러한 값은 기능은 다르지만 값과 출력은 비슷하기 때문에 비슷하게 처리해야 합니다.