주소나타내는 데에만 사용할 수 있습니다. 우편 주소, 그러나 그것은 사실이 아닙니다.

28. 요소를 올바르게 사용하는 방법 ?

일반적인 오해는 다음과 같습니다. dfn"약어"를 의미하며 많은 저자가 이를 다음과 같은 용도로도 사용합니다. 약어그리고 두문자어(title 속성을 사용하여 용어에 대한 설명을 나타냄) 용어는 다음과 같이 표시되어야 합니다. dfn문서에서 한번 만(용어의 첫 사용 및 설명).

29. 요소를 올바르게 사용하는 방법 ?

* 21 * 추가번호 #

여기에 태그하세요 var"추가 번호"를 나타내는 데 사용됩니다(이탤릭체로 표시됨). 추가 번호 942로 전화를 재전송하려는 사람은 " 21*942# " 따라서, var이는 "d-o-p-o-l-n-i-t-e-l-l-n-y-y n-o-m-e-r"을 입력해야 한다는 의미가 아니라 "추가 번호"라는 단어 대신 숫자가 있다는 의미입니다.

일반적인 오해는 다음과 같습니다. var코드 예제에서 변수를 지정하는 데 사용해야 합니다.

31. 태그의 차이점은 무엇입니까 그리고 ?

약어브라우저 전쟁 전반에 걸쳐 HTML에 대한 Netscape의 확장이었습니다. 두문자어 Microsoft 확장이었습니다. 두 옵션 모두 거의 같은 의미입니다. 두 요소가 모두 포함되었습니다. HTML 사양의미론적 부하가 다릅니다. 문제는 이러한 의미가 무엇인지 실제로 설명할 수 있는 사람이 아무도 없다는 것입니다.

사전을 살펴보겠습니다:
약어는 단어나 구를 축약한 형태입니다.
두문자어는 구문이나 여러 단어의 첫 글자나 단어의 처음 몇 글자로 구성된 단어입니다.

두문자어의 정의는 그것이 단어라고 말합니다. 그것은 말할 수 있습니다. 따라서 "NATO"는 약어입니다. "North Atlantic Treaty Organization"이라는 문구의 첫 글자로 구성됩니다. 대조적으로, "FBI"는 정의에 따르면 전체 단어로 발음될 수 없기 때문에 두문자어가 아니라 오히려 "ef-bi-ay"처럼 들립니다. 여기서 혼란이 시작됩니다. "FBI"가 두문자어라는 것은 기술적으로 알려져 있습니다. (번역자 주: 원래 "초기화"에서), 사전에 따르면 정의는 다음과 같습니다.

두문자어 - 1) 별도의 단어로 발음되는 단어의 첫 글자 또는 처음 몇 글자로 구성된 이름 또는 용어. 2) 이름, 조직 등을 의미하는 첫 글자 그룹으로, 별도로 발음됩니다.

첫 번째 정의는 약어와 거의 동일하지만 두 번째 정의는 더 먼 것입니다. 그럼에도 불구하고 사양에는 요소가 없습니다. 초기주의, 그리고 일반적인 미국 연설에서 "두문자어"라는 단어가 "초기화"라는 단어의 동의어로 사용된다는 사실로 인해 혼란이 더욱 가중됩니다.

HTML 사양은 다음과 같은 정의를 제공합니다.

약어- 단축 형식(예: WWW, HTTP, URI, Mass 등)을 나타냅니다.
두문자어- 약어를 나타냅니다(예: WAC, 레이더 등).

사양이 사전 정의를 참조하는 것으로 보입니다. 즉, 'FBI'를 태그해야 함을 의미합니다. 약어, 왜냐하면 전체 단어로 말할 수 없습니다. 그럼에도 불구하고 몇 단락 뒤에 있는 사양에서는 다음과 같이 말합니다.

서양 언어에서는 "GmbH", "NATO", "F.B.I."와 같은 약어를 "M.", "Inc.", "et al.", "etc"와 같은 약어로 널리 사용합니다.

아직도 혼란스러워요? 그래요. 항상 사용하는 것이 가장 안전합니다 약어, 모든 두문자어는 약어이기도 하지만 그 반대는 아니기 때문입니다. 그럼에도 불구하고 여기에는 작은 문제가 있습니다. Microsoft는 W3C의 사용 결정에 매우 화가났습니다. 약어대신 약어 및 두문자어의 경우 두문자어태그 지원을 거부했다는 것 약어! (그러나 그들은 여전히 ​​지원을 도입했습니다. 약어 V 인터넷 익스플로러 7.)

그렇다면 불쌍한 웹 개발자는 어떻게 해야 할까요? 그리고 왜 우리가 귀찮게 해야 합니까? 물론 속성을 첨부할 수 있는 요소가 있다는 것은 좋은 일입니다. 제목하지만 우리는 이것을 다음과 같이 할 수 있습니다 기간"옴. 요점은 두문자어와 약어를 표시하는 것이 관련 기술, 특히 스크린 리더에 좋다는 것입니다." 그러나 대부분의 스크린 리더는 태그를 무시하는 것을 선호합니다. 약어그리고 두문자어, 왜냐하면 태그를 올바르게 사용하는 방법을 정확히 아는 사람은 없으며 Microsoft는 태그를 지원하지 않습니다. 약어. 이것은 양날의 검입니다.

나는 이 질문에 대한 답을 모른다! 개인적으로 나는 사용한다 약어"Inc."와 같은 명백한 약어의 경우 "FBI"와 같은 두문자어에 대해서는 다음을 사용합니다. 두문자어"GIF"와 같이 단어로 읽을 수 있는 약어의 경우. 그러나 사양에 따르면 "FBI"를 약어로 표시한 사람을 비난할 수는 없습니다. 어떤 사람들은 철자를 사용하고 어떤 사람들은 "sequal"이라고 부르는 "SQL"은 어떻습니까?

32. 특정 기능이 취소되는 이유는 무엇입니까?

W3C가 일부 요소와 속성을 더 이상 사용하지 않는 이유는 콘텐츠(HTML)를 분리하고 싶기 때문입니다. 모습(CSS) 및 동작(JavaScript). 요소를 중간에 표시하는 것은 표현상의 문제입니다. 태그가 아닌 CSS를 사용하여 해결해야 합니다. 센터. 새 창에서 링크를 여는 것은 행동의 문제입니다. 결정되어야 해 자바스크립트를 사용하여속성을 사용하는 것보다 표적.

기본적으로 폐지된 기능은 90년대 브라우저 전쟁 당시 등장했던 기능들이다. 이러한 기능은 어떻게든 순서를 복원하기 위해 HTML 3.2에 포함되었지만 이는 그렇지 않습니다. 주요 임무, HTML 이전에 나온 것입니다. HTML 4의 출시와 함께 HTML 3.2에 포함된 "해로운" 부분을 제거하여 "웹을 재교육"하려고 시도했다고 합니다. 적어도엄격한 DTD에서.

즉, 이러한 것들은 이유로 취소되었습니다. 가능하다면 사용하지 마십시오.

37. 다른 페이지 안에 HTML 페이지를 연결하는 방법은 무엇입니까?

죄송합니다 지원 물체"그러나 Internet Explorer에서는 그렇지 않습니다".

Transitional DTD를 사용할 때 다음을 사용할 수 있습니다. 아이프레임"에스:

HTML은 우리가 알고 사랑하는 인터넷을 만든 하이퍼텍스트 마크업 언어입니다. 이 훌륭한 도구 덕분에 사이트가 아름답고 현대적으로 보이고 사용 편의성도 보장됩니다. HTML은 단순히 웹 페이지의 요소를 사용자에게 친숙한 형식으로 배열합니다. 그 작업은 MS Word나 OpenOffice와 같은 사람들이 하는 작업과 비슷합니다. 그들은 얼굴 없는 편지 덩어리를 단락이 포함된 문서로 바꾸고, 미리보기 이미지, 이탤릭체, 표, 심지어 이미지까지. HTML 언어는 문서가 브라우저에 표시되고 이 도구의 기능이 텍스트 편집기의 기능보다 훨씬 광범위하다는 점만 제외하고 거의 동일한 작업을 수행합니다. 태그는 마크업에 사용됩니다. 특수 팀, 웹 페이지의 구조를 설명합니다. 꺾쇠 괄호로 묶여 있습니다 -<тег>, 브라우저가 이를 대량의 텍스트와 구별할 수 있도록 합니다. 다음으로 초보자를 위한 HTML의 기본을 다루겠습니다.

비주얼 편집자

이제 막 길을 걷기 시작하는 뉴비들 HTML 학습, 어떤 지식 없이도 웹사이트를 만들 수 있는 프로그램으로 작업을 시작하는 경우가 많습니다. 이 도구에서는 요소가 브라우저에 표시되는 방식으로 화면의 요소를 간단하게 정렬할 수 있습니다. 이것이 바로 대다수의 웹 개발자들을 쫓아낼 수 있게 해주는 영원한 은혜의 원천인 것 같습니다. 그러나 비주얼 편집기에는 심각한 프로젝트에서 사용할 수 없게 만드는 많은 단점이 있기 때문에 모든 것이 그렇게 간단하지는 않습니다.

이러한 모든 프로그램은 최종 페이지를 다루기 힘들고 차선책으로 만드는 불필요한 태그를 많이 생성합니다. 물론 우리 시대에는 초고속 인터넷이는 예전보다 중요하지 않지만 간결하고 잘 작성된 웹 사이트가 시각적 편집기에서 만든 웹 사이트보다 더 실용적인 데에는 여러 가지 이유가 있습니다. 이런 프로그램으로 만든 웹페이지는 제대로 처리되지 않습니다 검색 로봇, 모든 킬로바이트의 코드가 그들에게 중요하고, 무리가 있는 번거롭고 비논리적인 코드는 그들의 취향에 맞지 않을 것 같습니다. 또한 편집자들은 종종 시대에 뒤처져 관련성이 없어지고, 이러한 제품을 사용하는 전문가가 없기 때문에 개발에 자원을 소비하는 것이 비현실적입니다. 따라서 웹사이트 개발 업계에 취업하고자 하는 사람이라면 누구나 HTML의 기본을 알아야 합니다.

태그

위에서 언급했듯이 태그는 웹페이지의 구조를 브라우저에 설명합니다. 대부분에는 열고 닫는 태그가 있지만 전부는 아닙니다. 예를 들어, , 점 대신 내용이 있습니다. 첫 번째는 태그가 시작되는 위치를 표시하고 두 번째는 태그를 닫습니다. 내부에는 다른 페이지 마크업 요소가 있을 수 있으며 중첩 인형처럼 서로 중첩될 수 있습니다. 페이지가 올바르게 표시되도록 적시에 태그를 닫는 것이 중요합니다.

닫을 필요가 없는 단일 태그도 있습니다. 대부분의 HTML 태그에 대해 작성할 수 있는 것과 마찬가지로 콘텐츠는 내부에 위치하며 요소의 속성을 설정합니다. 이는 시작 태그에 표시되며 다음과 같이 표시됩니다. attribute="...", 여기서 점 대신 속성 값이 있습니다. 태그를 아는 것이 가장 먼저이자 가장 중요합니다. 중요한 단계 HTML을 마스터하려면 이 기술의 기본에는 웹 페이지의 구조를 이해하는 것도 포함됩니다.

문서 구조

모든 HTML 문서에는 Index.html과 같은 해당 확장자가 있습니다. 이렇게 하면 브라우저는 자신이 다루고 있는 내용을 이해하고 페이지를 올바르게 표시할 수 있습니다. 웹 사이트를 만드는 데 사용되는 모든 파일을 하나의 디렉토리에 저장하는 것이 좋습니다. 그러면 향후 생활이 훨씬 쉬워집니다. 마크업 언어 기본 사항 HTML 하이퍼텍스트문서의 구조에 대한 명확한 이해가 필요합니다. 태그로 시작됩니다, 이 문서에서 사용되는 HTML 버전을 브라우저에 알려줍니다. ~에 이 순간다섯 번째 버전의 언어가 최신 버전이므로 여기에서 아무것도 만들 필요가 없습니다. 위 태그를 페이지 시작 부분에 안전하게 삽입할 수 있습니다.

그런 다음 사이트의 "골격"을 구성하는 주요 쌍 구조가 있습니다. 다른 모든 태그가 중첩된 첫 번째 태그는 다음과 같습니다. .... 그 밖의 것은 브라우저에서 웹페이지로 인식하지 못하기 때문에 문서를 열었다가 닫습니다. 이 태그는 모든 문서에 필요합니다. 또한 아래에서 설명할 몇 가지 필수 태그도 더 포함되어 있습니다.

머리

태그 내부 ...페이지에 표시되지 않는 기술적인 정보가 포함되어 있지만 그럼에도 불구하고 중요한 부분 HTML 문서. 사이트의 기초는 이곳에서 이루어집니다. 여기서 인코딩이 선택되고 페이지 이름이 입력됩니다. 필수 태그 내에 포함되어 있습니다. . 제목은 브라우저 상단에 표시되며, 여기에 페이지 내용을 나타내는 작은 아이콘을 배치할 수도 있습니다. 문서 인코딩을 즉시 표시하는 것이 좋습니다 올바른 표시. 이는 태그를 사용하여 수행할 수 있습니다. . 메타 태그는 페이지 구조에 대한 정보를 제공하며 일반적으로 헤드 내부에 위치합니다.

링크

HTML의 기본을 아는 것에는 다음을 사용하는 것도 포함됩니다. 계단식 스타일디자인이나 CSS. 페이지에 표시될 요소의 속성을 설정합니다. 현대적인 접근 방식이 작업에는 편의성을 높이기 위해 요소의 색상, 높이, 위치 등의 특성을 외부 파일로 전송하는 작업이 포함됩니다. CSS 파일을 포함하려면 태그를 사용하세요. . 완료되면 다음과 같이 보입니다. , 여기서 href는 파일의 위치를 ​​나타내고 유형은 해당 유형을 나타냅니다.

몸

HTML 문서의 이 부분에서 보이는 부분페이지. "본문" 내부에서 수행되는 모든 작업은 브라우저에 표시됩니다. 안에 사용된 엄청난 양 HTML 태그. 기본 사항은 텍스트 서식 지정, 링크 작업, 웹 페이지 구성을 위한 기본 도구입니다. HTML 작업을 시작하려면 기본 태그를 알고 사용할 수 있어야 합니다. 다음은 가장 인기 있는 것들입니다:

• - CSS에 설명된 특별한 스타일이 적용되는 하위 문자열을 강조 표시하는 데 사용됩니다.
• - 웹페이지에 링크를 생성합니다. 전환 주소는 href 속성으로 지정됩니다.
• - 우리 시대의 가장 인기 있는 태그 중 하나입니다. HTML 언어의 기본을 배우기로 결정한 사람은 누구나 시간을 투자해야 합니다. 특별한 관심, 이것은 블록 요소이기 때문에 현대 사이트의 대부분이 만들어지는 기반입니다 (블록 매개 변수

  CSS에 지정되어 있으며 이 태그 안에 다른 블록이 위치할 수 있습니다.)

• 텍스트에서 단락을 선택합니다. 단락의 내용은 여는 태그와 닫는 태그 사이에 있습니다.

• - 요소가 쌍을 이루는 태그로 묶인 번호가 매겨진 목록
  1. - 글머리 기호 목록, 번호가 매겨진 것과 마찬가지로 요소는 태그로 지정됩니다.

     • -

       - 문서 제목(숫자는 제목 수준을 나타냅니다.

       - 주요 제목, 그리고 후속 옵션은 하위 제목입니다. 그런데 수준 제목입니다.

       ,

       인터넷에서는 찾기가 거의 불가능함), 페이지당 제목은 하나만 있을 수 있다는 점을 기억하는 것도 중요합니다.

       ;

     • - 미리보기 이미지;
     • - 이탤릭체
     • - 웹사이트에 사진 삽입(단일 태그이므로 닫는 태그는 필요하지 않지만 다음을 포함해야 함) 대체 속성, 이미지의 텍스트를 지정함);

     이는 생성하는 데 필요한 모든 태그가 아닙니다. 자신의 웹페이지, 그러나 초보자를 위한 HTML의 기초를 다지기에는 충분합니다.

     CSS

     HTML 언어의 개발로 인해 각 태그가 많은 속성을 갖게 되었고 웹 페이지 표시에 대한 요구 사항이 크게 늘어났습니다. 코드가 번거롭고 불편해졌고, 수정하거나 변경하는 것은커녕 읽기도 어려웠습니다. 또한 사이트에 여러 제목이 표시된 10개의 페이지가 있는 경우 녹색, 갑자기 빨간색으로 만들고 싶으면 땀을 흘리며 수동으로 하나씩 변경해야합니다. Cascading Style Sheets의 출현으로 이 프로세스는 간단하고 논리적이게 되었으며 HTML 코드의 가독성도 훨씬 높아졌습니다.

     

     CSS 적용

     웹 페이지를 만들려면 HTML과 CSS의 기본 사항을 알아야 합니다. 이제 CSS 스타일 시트에 대한 지식 없이는 이 영역에서 할 수 있는 일이 없기 때문입니다. 전체 문서에 적용되는 모든 요소에 대한 속성을 설정합니다. 이렇게 하면 모든 요소의 색상을 한 번에 설정할 수 있습니다.

     또는 규칙 하나만 작성하면 됩니다. 웹 페이지 모양에 대한 현대적인 요구 사항을 고려할 때 계단식 스타일 시트의 사용은 필수입니다.

     CSS 파일을 문서에 연결하기 위해 link 태그가 있습니다. 사용 원리는 조금 더 높게 설명되었지만 모든 스타일을 한곳에 결합하는 유일한 옵션은 아닙니다. 또 다른 태그가 있습니다