태그는 꺾쇠 괄호로 묶인 특수 예약어입니다(예: ). 태그는 HTML의 주요 구성 요소입니다. 코드는 태그로 시작하고 태그로 끝나며 웹 페이지에 표시되는 정보는 태그 내에 포함됩니다. 소문자, 즉 일반 소문자로 작성하는 것이 좋습니다.
태그의 유형은 무엇입니까?대부분의 HTML 태그는 쌍을 이룹니다. 여는 태그(예: )와 닫는 태그가 있으며, 이는 첫 번째 꺾쇠 괄호(예: ) 뒤에 슬래시(/)를 추가하여 여는 태그와 구분됩니다. 한 쌍의 태그 안에 있는 모든 것을 콘텐츠라고 합니다.
콘텐츠 태그 안에 있는 텍스트가 굵게 표시됩니다.
태그라고 하는 짝이 없는(단일) 태그도 있습니다. 쌍을 이루는 태그와는 달리 콘텐츠와 함께 작동하지 않지만 자체적으로 일부 기능을 수행하기 때문에 닫을 필요가 없습니다. 단일 태그 예 -
. 다음 줄로 넘어가도록 텍스트를 설정합니다.
러시아어와 유사점을 그리면 쌍을 이루는 태그는 포함된 텍스트의 속성에 영향을 미치는 따옴표 또는 괄호이고(제때에 따옴표를 닫지 마십시오) 단일 태그(표시)는 구두점( 느낌표, 질문 또는 점).
모든 태그는 다음으로 구성됩니다.
- 여는 꺾쇠괄호(< ).
- 특수 단어(태그 이름)입니다. 예를 들어 hr , iframe , b 입니다.
- 닫는 꺾쇠 괄호(> ).
태그는 마크업 언어의 기본이기 때문에 그 수가 꽤 많다는 것은 놀라운 일이 아닙니다. 가장 중요한 기본 태그를 살펴보겠습니다.
- - 설명이 포함된 단일 태그입니다. 주석은 브라우저에서 처리되지 않는 텍스트입니다. 태그 안에 원하는 것은 무엇이든 쓸 수 있으며, 심지어 다른 태그도 쓸 수 있습니다. 작동하지 않으며 화면에 나타나지도 않습니다. 개발자는 다른 웹마스터가 코드를 더 쉽게 이해할 수 있도록 코드에 주석을 달거나, 오랜 시간이 지나면 스스로 빠르게 이해할 수 있도록 합니다.
- , , , , 는 적절한 HTML 문서에 있어야 하는 태그입니다(자세한 내용은 "메모장에서 웹 사이트를 만드는 방법" 참조).
- - 태그에는 브라우저 및 검색 엔진에 대한 보조 정보가 포함되어 있습니다. 그 안에 키워드, 페이지 설명, 문서 인코딩, 작성자 이름 등을 쓸 수 있습니다.
- 스크립트 파일이나 코드 자체에 대한 링크가 포함되어 있습니다.
- - CSS를 사용하여 문서 및/또는 해당 요소의 스타일을 설정하는 태그입니다. HTML 문서에는 페이지의 다양한 부분에 대해 다양한 스타일을 정의하는 많은 태그가 포함될 수 있습니다.
- -완전히 반대이며 보완합니다. 태그는 섹션 또는 전체 페이지의 '헤더'(제목)를 지정합니다.
- 사이트나 섹션의 "다리"를 저장합니다. 그 안에는 지원 정보, 저작권, 연락처 정보 등을 넣을 수 있습니다.
- 페이지의 주요 내용을 포함합니다. 헤더, 메뉴 블록, 사이트의 "다리"가 아니라 페이지가 만들어진 목적입니다. 예를 들어 지금 읽고 있는 페이지에는 이 글이 안쪽에 위치해야 합니다.
- 링크 생성을 위해 설계되었습니다. 링크는 하이퍼텍스트의 뿌리이므로 이 기사를 링크에 전념합니다.
- 웹 페이지에 사진을 추가하는 데 필요합니다(귀하의 서비스에서는 이 작업을 전담합니다).
-
,
, - , , ,, , 및 기타 텍스트 서식 지정 태그는 HTML 태그의 큰 그룹을 구성하며 "HTML에서 텍스트 서식 지정" 문서에서 설명합니다.
- - 블록 요소. 내부 텍스트는 CSS(튜토리얼의 두 번째 부분의 주제인 캐스케이딩 스타일 시트)를 사용하여 형식화되었습니다.
- . 단락이 있습니다
또는 차단 그 안의 텍스트는 동일한 스타일로 디자인되었지만 구조를 방해하지 않고 여러 단어의 글꼴 크기나 색상이 다른지 확인하고 싶습니다. 태그가 의도된 것은 이러한 상황을 위한 것입니다.
-
,
-
,
- - 목록 태그. 표시, 번호 매기기 - 이 태그의 작업입니다. 태그가 담당하는 정의 목록도 있지만 "목록 만들기" 기사에서 이 여섯 가지 모두에 대해 자세히 알아볼 것입니다.
, , ,
, 그리고 테이블을 생성할 때 사용되며 별도의 문서에서 자세히 설명합니다. - - 페이지에 상호 작용 기능을 추가하는 태그, 즉 사용자가 웹 사이트와 상호 작용할 수 있도록 하는 태그입니다. 물론 양식에는 핸들러가 필요하지만 내부의 태그를 사용하면 인터페이스를 만들 수 있습니다. 체크박스, 버튼, 라디오 버튼, 입력 필드 및 활성 작업이 필요한 기타 개체는 모두 컨테이너 내부에 코드가 배치된 양식 요소입니다.
- - 대화형 버튼을 생성하는 태그입니다. 클릭할 때 어떤 일이 발생하려면 버튼이 형식(태그 사이에 위치)에 있어야 합니다.
- 스위치, 체크박스, 버튼, 모든 종류의 입력 필드 등 양식 요소를 생성합니다. 용기에 삽입됩니다. 그런데 보편적인 것이 있는데 왜 별도의 것이 필요합니까? 고급 매개변수가 포함된 버튼을 만들 수 있습니다. 예를 들어, 버튼에 그림을 배치할 수 있습니다. 를 통해 생성된 요소에서는 이 작업을 수행할 수 없습니다.
- - HTML 5의 메뉴 생성 태그. - 요소가 배치되는 컨테이너이며, 요소를 추가하면 메뉴 항목이 생성됩니다. 꽤 흥미로운 커플입니다. 예를 들어, 이 기능을 사용하면 페이지나 개별 요소에 대한 자신만의 상황에 맞는 메뉴를 만들 수 있습니다.
- - 한 줄의 텍스트뿐만 아니라 전체 단락을 입력할 수 있는 큰 필드를 생성하는 또 다른 양식 태그입니다.
안녕하세요, 블로그 사이트 독자 여러분. 사실, 이 용어는 어떤 특정한 방식으로든 서로 맞지 않는 여러 가지 의미를 가지고 있습니다. 나는 이 출판물에서 그들 각각에 대해 이야기하려고 노력할 것입니다.
Html 태그가 무엇인지, 메타 태그와 어떻게 다른지 배우고, 사이트에서 태그가 어떻게 태그로 사용되는지(다양함)도 배우고, 마지막으로 오디오 파일의 음악 태그에 대해 전반적으로 살펴보겠습니다. 이것이 바로 이 용어가 얼마나 다면적이 되는가입니다.
그러나 모든 경우에 "태그"라는 단어는 HTML 코드를 사용하여 웹 페이지를 표시하거나 태그를 사용하여 전체 사이트를 표시하거나 앨범 및 노래를 표시하여 음악 컬렉션을 표시하는 것을 의미합니다.
웹사이트의 태그란 무엇입니까(탐색 생성용 태그)간단하게 시작해 보겠습니다. 웹사이트의 일부 기사 아래에 일부 단어가 나열되어 있는 태그 또는 태그라는 필드가 있다는 것을 모두 보셨을 것입니다. 이 작업이 수행되는 이유는 무엇입니까? 일반적으로 이 사이트()에서 탐색을 용이하게 합니다.
소위 키워드는 태그로 사용되며, 이 태그 세트는 출판물의 특징을 간략하게 나타냅니다(예를 들어 내 블로그의 기본 페이지에는 웹사이트 생성, 프로모션, 웹사이트 프로모션, 수익 등의 태그 세트가 적합합니다).
이 단어들의 도움으로 이 기사의 내용을 명확하게 판단할 수 있습니다. 그러나 주요 가치는 이것이 아니라 방문자가 태그를 클릭하면 해당 태그가 표시된 사이트의 모든 기사 목록을 볼 수 있다는 사실입니다. 본질적으로 이는 정보를 분류하는 강력한 도구입니다.
기사 아래에서 필요한 태그를 검색하지 않기 위해 웹 사이트 소유자는 소위 태그 클라우드를 만드는 경우가 많습니다. 이 태그 클라우드는 사이트의 왼쪽 또는 오른쪽 열이나 바닥글(하단)에 배치할 수 있습니다. 실제로 이러한 치욕은 다음과 같이 보일 수 있습니다.
일반적으로 가장 인기 있는 태그가 나열되며 해당 링크를 클릭하면 모든 태그를 볼 수 있습니다. 때로는 더 자주 사용되는 태그(이 사이트의 더 많은 기사에 표시됨)가 더 큰 글꼴로 표시되고 덜 자주 사용되는 태그는 더 작은 글꼴로 표시됩니다.
이전 스크린샷에 표시된 것처럼 이를 표시하기 위해 별도의 페이지가 생성되는 경우도 있습니다.
사용자에게 편리하다면 이 태그 지정 방법이 모든 웹사이트에서 사용되지 않는 이유는 무엇입니까? 그들은 내 블로그에도 없으며 이에 대한 설명이 많이 있습니다. 기본적으로 사용이 제공되지만 태그 작업을 위한 플러그인도 많이 있습니다.
예, 태그는 기사 수가 적고 이미 만들고 다른 기사에서 사용한 모든 태그를 잘 기억할 때 잘 작동합니다. 그러나 자료의 수가 증가함에 따라 태그의 수도 급격히 증가하고, 의미가 유사한 키워드를 사용하면 부분적으로 중복되기 시작합니다.
이는 엄청난 혼란을 초래하며 내 생각으로는 내비게이션 개선 측면에서 그 가치가 다소 의심스럽습니다. 이를 위해 대규모 웹 프로젝트에서는 사이트 검색을 사용하는 것이 좋습니다. 태그는 소셜 네트워크에서 잘 작동하지만 태그를 사용하여 여러 사용자의 정보를 결합하고 한 곳에서 볼 수 있습니다. .
HTML 태그란 무엇입니까?나는 15년 전에 처음으로 그것들을 공부하기로 결심했지만 그때는 제목표 이상으로 발전하지 못했습니다. 그러다가 Evgeniy Popov의 Html 무료 비디오 강좌를 접하게 되었고 모든 것이 순조롭게 진행되었습니다. 물론, 그 과정은 단지 초기 단계에 불과했지만, 초보자들이 종종 부족한 것은 바로 이 간단한 프리젠테이션입니다.
이 강의에서는 쉽게 표를 만들고, 텍스트에 그림과 하이퍼링크를 삽입하고, 사이트에 다양한 양식을 추가하는 등의 작업을 수행할 수 있는 기본 태그를 다룹니다. HTML 주제에 대한 총 33개의 무료 비디오.
하지만 영상강좌는 영상강좌인데, 다운받아 시청하실 수 있도록 관심을 가져주셔야 합니다. 일반적인 문구에서는 HTML 언어에 어떤 태그가 있는지, 왜 태그를 연구해야 하는지 명확하지 않습니다. 아, 이것은 당신이 자신의 웹사이트의 주인이 될 수 있게 해주는 훌륭하고 간단한 일입니다. 웹사이트가 왜 필요한가요?
글쎄, 아마도 우선 자기 표현과 노력을 위해, 그리고 두 번째로 - . 조용히 하세요. 그렇지 않으면 모두가 듣고 달려가서 태그가 무엇인지 연구하고, 웹사이트를 만들고, 당신만이 얻을 수 있는 모든 것을 얻을 것입니다. 그리고 저는 회사에 있습니다. 그러므로 나는 속삭임으로 계속해서 독점적으로 말할 것입니다.
인터넷은 자신만의 작은 프로그램(태그를 사용하여 웹사이트 만들기)을 만들고 광고로 수입을 얻는 텔레비전에 비유될 수 있습니다. 귀하의 쇼(인터넷 프로젝트)가 인기가 높을수록 더 많은 수익을 얻을 수 있습니다. 상한선은 없지만 하한선도 없습니다. 하지만 돈을 투자할 필요는 없습니다. 태그를 연구하고 엔진이 작동하는 방식과 실제로 사이트를 콘텐츠로 채우는 데 드는 노동과 시간만 있으면 됩니다.
따라서 태그는 웹 페이지의 가장 간단한 마크업 요소이므로 서버에서 태그를 로드할 때 브라우저가 특정 요소(텍스트, 이미지, 비디오)를 표시하는 방법을 정확히 이해할 수 있습니다. 이전에는 Html 언어가 이 모든 문제를 단독으로 담당했지만 나중에는 Html 언어가 도움을 주었고 훨씬 쉬워졌습니다. Popov에는 무료 비디오 코스도 있으며 여기에서 다운로드할 수 있습니다.
여러분, Html 태그를 마스터하면 배 껍질을 벗기는 것만 큼 쉽다는 것을 알게 될 것입니다. 가장 중요한 것은 시작하고 어떻게든 자신을 자극하는 것입니다. 나는 단지 재정적 측면에 대해서만 말하는 것이 아닙니다. 이 사이트는 귀하의 주요 수입원이 될 수 있으며 온 가족이 이를 통해 먹을 수 있습니다. 행운과 인내가 필요하며 새로운 것을 시도하는 것을 두려워하지 않는 것이 필요합니다.
다양한 태그가 있지만 그 수가 많지 않습니다(CSS 구현 후에도 관련성이 유지된 태그 중). 얼마나 간단한지 보세요. 단락을 만들고 싶다고 가정해 보겠습니다. 미래 단락의 텍스트를 여는 태그와 닫는 태그 P로 둘러싸기만 하면 됩니다. (이것은 라틴 문자이고 코드에서는 작게 쓰는 것이 더 좋지만 여기서는 대문자로 만들었습니다. 명쾌함). 다음과 같은 모습입니다.
텍스트 텍스트...... 텍스트 텍스트
여는 HTML 태그(시작 부분)와 닫는 태그(끝 부분)의 차이점을 이해하시나요? 물론, 삼각형 괄호 뒤에 슬래시를 추가했습니다.
아, 말하는 걸 깜빡했네요 브라우저는 어떤 기준으로 태그를 구분합니까?(마크업)을 기본 콘텐츠에서 가져옵니다. 스스로 짐작하셨나요?
맞습니다. 이것은 우리가 묶는 삼각형 괄호입니다. 브라우저는 웹 페이지의 코드를 구문 분석할 때 이러한 괄호를 보고 그것이 태그라는 것을 인식하고 여기에 포함된 모든 것을 특정 알고리즘에 따라 처리합니다(문단 높이 간격을 만들고 제목 글꼴을 늘리는 등). .
텍스트에 여는 삼각형 대괄호를 사용해야 하는 경우 브라우저가 올바르게 이해할 수 있도록 이를 사용하세요. 이것을 기억해야합니다.
코드에서는 다음과 같이 보일 수 있습니다.
실제로 여기에는 등록된 웹페이지의 설명과 키워드가 포함되어 있습니다. 바로 위의 기사에서 이에 대해 자세히 알아보세요.
메타태그는 엄격하게 정의된 위치에 웹페이지 코드로 작성됩니다. 어느 쪽인지 아시나요? 그렇습니다. HEAD 열기 및 닫기 태그로 구성된 문서의 소위 "헤드"에 있습니다.
그 안에 쓰여진 내용(META 태그 포함)은 웹페이지에 표시되지 않습니다. 이는 엄밀히 말하면 독점 정보입니다. 위의 설명과 키워드는 검색 엔진에 특정 웹페이지의 콘텐츠와 아래의 메타 태그를 알려줍니다.
자동차나 플레이어(휴대폰)에서 음악을 재생할 때 트랙 제목과 작가-연주자 이름 대신 소름 끼치는 횡설수설이 표시되는 것을 한 번 이상 발견했을 것입니다. 다운로드한 음악 파일의 이름이 잘못된 러시아어 인코딩으로 작성되었다고 가정할 수도 있습니다.
를 사용하여 파일 이름을 바꾸면 플레이어에 여전히 불쾌한 그림이 표시됩니다. 무엇을 해야 할까요? 그리고 이 상황에 대한 책임은 누구에게 있습니까? 이상하게도 그 이유는 이 음악 파일의 태그가 잘못되었기 때문입니다.
오디오 파일의 시작 부분이나 끝 부분에 직접 연결되어 있으며 작곡, 작성자, 앨범, 트랙 재생 시간 및 그다지 중요하지 않은 내용에 대한 정보를 포함할 수 있습니다. 최신 음악 태그에서는 CD 커버 이미지까지 꿰맬 수 있습니다(일반적으로 전염병).
그러나 문제는 일반적으로 가용성이 아니라 편집 기능을 얻는 데 발생합니다. 모든 자존심이 강한 음악 애호가의 삶에는 자신의 컬렉션을 정리하고 모든 장치에서 읽을 수 있는 모든 트랙에 올바른 태그를 추가하기 위해 "찢고 던질 준비"가 되어 있는 때가 옵니다. 어떻게 하나요?
특수 소프트웨어를 사용합니다. 태그 자체는 지난 세기 말에 처음으로 오디오 파일에 나타났습니다. MP3 파일에 대해서는 이를 추가하는 기준을 ID3라 하였고, 품질 저하 없이 압축된 음악파일(FLAC 등)에 태그(메타데이터)를 추가하는 기준을 Vorbis 코멘트라고 하였다.
Windows WMA 형식으로 녹음된 음악에는 WM 메타데이터가 있고 Apple MP4에는 iTunes 메타데이터가 있습니다(최근에 이에 대해 썼습니다).
따라서 특수 프로그램을 사용하여 태그를 편집할 수 있습니다. 그 중 가장 인기 있는 것은 아마도 Mp3tag일 것입니다(공식 사이트이지만 다운로드할 때 주의하십시오. 완전히 다른 것을 다운로드하라는 광고를 실수로 클릭하지 마십시오). 나는 다른 모든 프로그램을 직접 찾을 것이라고 생각합니다. 특히 이 프로그램이면 이 작업을 완료하는 데 충분할 것이기 때문입니다.
이는 태그가 얼마나 다양한지 보여주며, 이 모든 경우에 태그는 주요 역할인 마크업(웹사이트의 기사, 웹페이지의 콘텐츠 또는 음악 파일의 메타데이터)을 수행했습니다. 이제 이 주제에 대한 질문이 줄어들기를 바랍니다.
행운을 빕니다! 블로그 사이트 페이지에서 곧 뵙겠습니다.
당신은 관심이 있을 수도 있습니다
Instagram용 태그 - 태그가 필요한 이유와 가장 인기 있는 태그를 볼 수 있는 곳
해시태그 - 해시태그의 정의 및 해시태그가 Twitter, Instagram 및 기타 장소에서 사용되는 방식 WordPress 블로그의 Img 태그에 Alt 속성을 자동으로 추가하는 방법(존재하지 않는 경우)
Radikal - Radikal.ru를 통해 빠르고 쉽게 사진을 업로드할 수 있는 무료 사진 호스팅
링크 - 정의 및 생성 방법 캐시 란 무엇입니까 - Opera, Mozilla, Chrome 및 기타 브라우저에서 캐시를 지우는 방법
큰 질문 - 질문 및 답변 서비스로 돈을 버는 방법 비교는 이미지를 장식하는 기술입니다 (문헌의 예) TV의 스마트 TV 란 무엇입니까?일부 html 태그에 주석이 달린 간단한 페이지를 만드는 예를 살펴보았습니다. 먼저 예를 통해 무언가를 보여준 다음 더 자세한 설명으로 넘어가는 것이 더 낫다고 생각하기 때문입니다. 이것이 바로 페이지 생성에 대해 두 번째 강의에서 논의한 이유이며, 자세한 내용은 세 번째 강의에서 다루었습니다.
아래에는 사이트의 거의 모든 페이지에서 사용되는 일반적인 HTML 태그에 대한 설명이 나와 있습니다. 저를 믿으세요. 이미 전체 웹사이트를 작성하기에 충분한 정보가 있습니다.
HTML 태그 목록 1. HTML 태그(단락용) - 텍스트 단락을 표시합니다(스타일, 클래스, ID 속성 허용). 텍스트가 가장 자주 배치되기 때문에 가장 일반적인 태그입니다(그러나 이것이 생성된 이유입니다).예를 들어 HTML 코드는 다음과 같습니다.
텍스트 단락 번호 1
그리고 이것은 또 다른 단락입니다
텍스트 단락 번호 1
그리고 이것은 또 다른 단락입니다
태그에 스타일 매개변수를 추가할 수도 있습니다.
이러한 다양한 값을 사용하여 글꼴 모양을 편집할 수 있습니다. 이러한 매개변수에 대해서는 별도의 강의(html 스타일 및 CSS 글꼴 속성)에서 읽을 수 있습니다.
CLASS 및 ID 속성을 지정할 수도 있습니다. 예를 들어:
2. HTML 태그 및 (굵은 글씨)그리고 - 글꼴을 굵게 표시할 수 있는 두 개의 태그입니다. 이 태그들 사이에는 차이가 없습니다.
예를 들어 보겠습니다. HTML 코드:
미리보기 이미지페이지에서 다음으로 변환됩니다.
미리보기 이미지
Note의 경우처럼 CLASS 및 ID 속성을 지정할 수도 있습니다.
이러한 태그는 검색 엔진의 문서 순위에 거의 영향을 미치지 않으므로 함부로 사용하지 않는 것이 좋습니다.
3. HTML 태그 (이탤릭체 만들기)- 기울임꼴 글꼴(스타일, 클래스, ID 매개변수 허용)
예를 들어 HTML 코드는 다음과 같습니다.
이탤릭체 텍스트페이지에서 다음으로 변환됩니다.
4. HTML 태그 (밑줄 친 텍스트)- 밑줄 친 글꼴(스타일, 클래스, ID 매개변수 허용)
예를 들어 HTML 코드는 다음과 같습니다.
밑줄 친 텍스트페이지에서 다음으로 변환됩니다.
밑줄 친 텍스트
5. HTML 태그 (하이퍼링크 생성)페이지에 링크를 만듭니다(스타일, 클래스 및 기타 매개변수 허용).
예를 들어 HTML 코드는 다음과 같습니다.
링크 텍스트페이지에서 다음으로 변환됩니다.
모든 태그 매개변수 및 속성 이에 대해서는 별도의 강의에서 다룹니다. HTML 태그.
6. HTML 태그(콘텐츠의 제목),..., - 콘텐츠 내부의 헤더 태그입니다(style, class, id 매개변수 허용). 또한 숫자가 작을수록 해당 태그에 포함된 텍스트의 무게와 크기(기본적으로)가 커집니다.
예를 들어 HTML 코드는 다음과 같습니다.
제목 h1태그는 페이지 제목(제목 포함)에 사용됩니다.
이러한 태그는 의도된 목적으로만 사용해야 합니다. 기사에 제목이 필요한 경우에만. 이는 태그,...가 검색 엔진에 큰 영향을 미치기 때문입니다. 올바르게 사용하면 검색 결과의 최상위 줄에 도달할 가능성이 매우 높습니다.
7. HTML 태그(정렬)- 콘텐츠를 중앙에 정렬합니다.
예를 들어 HTML 코드는 다음과 같습니다.
이 텍스트가 중앙에 표시됩니다.페이지에서 다음으로 변환됩니다.
이 텍스트가 중앙에 표시됩니다.
메모- - 텍스트용
- ... - 모든 것(예: 이미지)
- 아래 첨자 글꼴을 표시합니다.
예를 들어 HTML 코드는 다음과 같습니다.
일반 텍스트, 행간 텍스트페이지에서 다음으로 변환됩니다.
일반 텍스트, 행간 텍스트
9. HTML 태그(위 첨자 텍스트)- 위 첨자 글꼴을 표시합니다.
예를 들어 HTML 코드는 다음과 같습니다.
일반 텍스트, 위 첨자 텍스트페이지에서 다음으로 변환됩니다.
일반 텍스트, 위 첨자 텍스트
10. HTML 태그,, - 현재 크기보다 1픽셀 크거나 작은 글꼴을 표시합니다(style, class, id 매개변수에서 허용).
예를 들어 HTML 코드는 다음과 같습니다.
일반 글꼴, 이 글꼴은 1픽셀 더 큽니다.페이지에서 다음으로 변환됩니다.
일반 글꼴, 이 글꼴은 1픽셀 더 큽니다.
11. HTML 태그- (목록 생성)
- 그리고 .
- 목록의 첫 번째 요소
- 목록의 두 번째 요소
- 목록의 첫 번째 요소
- 목록의 두 번째 요소
- 메뉴 항목 1
- 메뉴 항목 2
- 순서가 지정되지 않은 목록(ul)
- 주문 목록(ol)
- 정의 목록(dl) 그들은 무엇을 하고 있나요?
- 순서가 없는 목록(ul): 점선 표시가 있는 목록
- 순서가 있는 목록(ol): 번호가 매겨진 목록
- 정의 목록(dl): 요소 정의가 포함된 목록
- 일관된 콘텐츠 스타일
- 그냥 만들어 보세요
- 변하기 쉬운
- ), 우리는 두 개의 태그를 사용합니다: 그리고 . 목록의 각 항목을 정의하고 위의 사항을 설명합니다. 아래는 앞서 보여드린 정의 목록 코드에 따른 목록입니다.
- 목록 항목
및 용어집의 시작과 끝을 나타내는 태그.
용어집 용어는 페이지 왼쪽 여백에서 들여쓰기 없이 위치합니다.
용어에 대한 설명은 페이지 왼쪽 여백에서 들여쓰기됩니다.
텍스트가 아닌 정보 개체를 텍스트에 삽입하기 위한 명령 태그또는 — 그래픽 이미지 삽입 명령
— 사운드 조각을 삽입하는 명령
— 비디오 조각을 삽입하는 명령
그래픽 옵션폭— 이미지 너비(픽셀)
키— 이미지 높이(픽셀)
맞추다- 정렬(ALIGN=LEFT - 왼쪽 여백 정렬, ALIGN=RIGHT - 오른쪽 여백, ALIGN=TOP - 위쪽 테두리, ALIGN=BOTTOM - 아래쪽 테두리, ALIGN=MIDDLE 또는 CENTER - 가운데)
HSPACE— 그래픽 이미지의 가로 들여쓰기
VSPACE- 수직 들여쓰기
대체— 이미지를 나타내는 데 사용되는 대체 텍스트
다른 HTML 문서 및 인터넷 리소스와의 하이퍼링크 명령 테이블표 - 데이터를 행과 열로 표시하기 위한 그리드와 텍스트 포맷터
그리고
HTML 문서에 표를 삽입하기 위한 태그플래그 옵션
BGCOLOR- 배경색
국경- 연석 폭
폭— 테이블 너비
테이블 마크업 태그- 테이블 이름에는 ALIGN=TOP 매개변수가 있습니다. - 테이블 위에 정렬되고 ALIGN=BOTTOM - 테이블 아래에 정렬됩니다.
그리고 테이블 행. 매개변수가 있을 수 있습니다.BGCOLOR - 라인 내부의 배경색입니다. ALIGN=LEFT, RIGHT, CENTER — 선 내 정렬; VALIGN=TOP, BOTTOM, MIDDLE - 테이블 행 내의 수직 정렬입니다.그리고 테이블 열. 매개변수가 있을 수 있습니다.BGCOLOR - 열 아래의 배경색입니다. ALIGN=LEFT, RIGHT, CENTER — 열 내 정렬. VALIGN=TOP, BOTTOM, MIDDLE - 수직 정렬; COLSPAN - 셀을 여러 열에 걸쳐 늘립니다. ROWSPAN - 셀을 여러 줄에 걸쳐 늘립니다.및 열 제목. 매개변수가 있을 수 있음BGCOLOR - 이름 아래 배경색; ALIGN=LEFT, RIGHT, CENTER - 정렬, VALIGN=TOP, BOTTOM, MIDDLE - 수직 정렬; COLSPAN, ROWSPAN - 셀을 여러 열이나 행으로 늘립니다. WIDHT - 제목 너비.
프레임 프레임프레임은 화면을 여러 영역으로 나누는 수단으로, 각 영역에는 별도의 웹 페이지나 전체 웹 사이트의 내용이 표시됩니다.
및 프레임 생성을 위한 태그
플래그 옵션콜스— 화면을 특정 개수의 열(세로)로 나눕니다.
행— 화면을 특정 개수의 열(가로)로 나눕니다.
보드 컬러- 프레임 색상
국경- 연석 폭
프레임보더— 프레임 테두리 (FRAMEBORDER=YES — 테두리가 있음, FRAMEBORDER=NO — 테두리가 없음,
프레임 간격=n— 테두리 너비)
프레임을 설명하는 플래그()입니다.
플래그 옵션스크롤링— 스크롤 막대 조정을 위한 매개변수:
SCROLING=YES - 스크롤바가 항상 존재합니다.
SCROLING=NO - 스크롤바가 없습니다.
SCROLING=AUTO - 필요한 경우에만 스크롤 막대가 나타납니다.
여백폭그리고 여백 높이— 프레임 내에서 그래픽 이미지를 정렬하는 데 사용되는 프레임 내 들여쓰기를 제어하는 매개변수
크기 조정- 프레임 프레임의 크기가 절대 변경되지 않음을 나타내는 매개변수입니다.
링크 파일.htm -프레임 간 통신
표적— 프레임 간 연결 속성. 여러 가지 의미가 있습니다.
공유하다
목록을 출력합니다(스타일, 클래스, ID 매개변수 허용). 각각의 새로운 요소는
예를 들어 HTML 코드는 다음과 같습니다.
목록:페이지에서 다음으로 변환됩니다.
목록:
(테이블 생성)
- 테이블을 생성합니다(스타일, 클래스 매개변수 허용). 각각의 새 줄은 태그로 생성됩니다.
, 및 열 . 예를 들어 HTML 코드는 다음과 같습니다.
1라인 1요소 첫 번째 줄 두 번째 요소 2라인 1요소 2라인 2요소 페이지에서 다음으로 변환됩니다.
모든 태그 기능
13. HTML 태그
(줄 바꿈)
- 다음 줄로의 전환은 단일 태그입니다.예를 들어 HTML 코드는 다음과 같습니다.
1호선
2라인
세 번째 줄 전환이 없었으므로 이 텍스트는 세 번째 줄에 표시됩니다.페이지에서 다음으로 변환됩니다.
단선
14. HTML 태그(가로선)
2라인
세 번째 줄 전환이 없었으므로 이 텍스트는 세 번째 줄에 표시됩니다.- 선을 그리고 단일 태그를 나타냅니다(스타일, 클래스 매개변수 허용).
예를 들어 HTML 코드는 다음과 같습니다.
줄 위의 일부 텍스트와 이 텍스트는 줄 아래에 위치합니다.페이지에서 다음으로 변환됩니다.
줄 위의 일부 텍스트와 이 텍스트는 줄 아래에 위치합니다.
15. HTML 태그 (사진 출력)예를 들어 HTML 코드는 다음과 같습니다.
http://img-fotki.yandex.ru/get/5821/27743399.2b/0_8875d_14383ca6_M.jpg ">페이지에서 다음으로 변환됩니다.
모든 태그 기능 별도의 강의에서 논의됩니다: .
16. HTML 태그(텍스트 서식)- 텍스트 서식 지정, 스타일 변경 등 (매개변수 스타일, 클래스, ID 허용) 검색 엔진의 눈에는 무게가 없기 때문에 원하는만큼 사용할 수 있습니다.
예를 들어 HTML 코드는 다음과 같습니다.
이 텍스트는 녹색이고 크기는 15픽셀입니다.페이지에서 다음으로 변환됩니다.
메모유사한 태그는 입니다.
17. HTML 태그(양식 생성)- 페이지에 양식을 생성합니다(style, class 매개변수 허용).
예를 들어 로그인 및 비밀번호 입력, 버튼, 등록 양식 등이 모두 양식입니다.
18. HTML 태그(블록 생성)- 페이지에 블록을 만드는 데 사용됩니다(스타일, 클래스 매개변수 허용). 이전에는 페이지를 마크업하는 데 주로 테이블을 사용했습니다. 태그가 나타난 후 작업이 더 쉬워졌습니다. 거의 모든 웹사이트에는 테이블 대신 편리한 블록이 포함되어 있습니다.
이 강의를 읽는 모든 사람은 아마도 HTML이 무엇인지 알고 있을 것입니다. 그러나 기본 사항을 복습하면 특히 끊임없이 진화하는 웹 기술에 대한 지식을 늘리고 기술을 연마하는 데 도움이 됩니다.
요즘 HTML 5의 변화에 대해 많은 이야기가 있습니다. 이 기사에 언급된 모든 태그는 HTML 4.01과 HTML 5 모두에서 지원됩니다. 이러한 태그 중 일부는 널리 사용되지만 기술을 검토하는 것은 매우 도움이 될 것입니다. 관련된.
1.프로그래밍에 관한 모든 책에서는 코드의 기능을 설명하는 것이 매우 유용하다고 언급합니다. 댓글을 다는 것이 왜 좋은 습관인가요? 이는 코드를 읽는 사람이 무슨 일이 일어나고 있는지 이해하는 데 큰 도움이 됩니다.
HTML의 경우 주석 달기는 페이지에 무게를 더하는 포인트처럼 보일 수 있습니다. 그러나 주석은 섹션을 정의하고 페이지 코드의 구조와 구성을 유지하는 데 유용할 수 있습니다. 여러 섹션의 시작과 끝을 표시하면 프로젝트 작업 시 큰 도움이 될 수 있습니다.
이것이 주요 내용입니다.
... 2. 표 스타일: , 및좋은 테이블 디자인을 만들기 위해서는 소제목에 언급된 태그를 활용해야 합니다. 그것들은 모두 테이블 행에 영향을 미치며 스타일을 쉽게 설정할 수 있습니다.
안건 수량 합집합 7 #1 3 #2 4 테이블 행 감싸기 . 이것이 테이블 제목이 형성되는 방식입니다.
문자열을 감싸기 테이블 하단에 총계 라인을 형성합니다. 문자열 줄 앞에 정의해야합니다 이므로 전체 행이 나머지 테이블 행 앞에 표시됩니다.
데이터 라인을 .
절 수량 합집합 7 #1 3 #2 4 드롭다운 목록은 사용자가 선택할 수 있는 데이터를 제공하는 좋은 방법입니다. 공간을 적게 차지할 뿐만 아니라 사용자에게 친숙하고 사용하기 쉽습니다. 훌륭한 재산 목록 항목에 대한 범주(또는 하위 제목)를 생성하는 기능입니다.
디트로이트 타이거스 시카고 컵스 디트로이트 라이온스 시카고 베어스
디트로이트 타이거스 시카고 컵스 디트로이트 라이온스 시카고 베어스
4. 제목 - ,,,, 및물론 모든 사람이 제목을 사용합니다. 그런데 솔직히 말해서 마지막으로 사용한 게 언제였나요? 아니면 더 낮은 수준의 제목인가요? 제목을 사용하면 텍스트에 대한 추가 스타일과 같은 더 적은 수의 의미 구조를 구축할 수 있습니다. .
스스로 추가 작업을 만들 필요가 없습니다. 제목 태그를 기억하세요.
5. 그리고논리적으로 그룹화된 항목 중에서 필요한 정보를 쉽게 찾을 수 있는 사이트는 누구나 좋아합니다. 주위에 직사각형 프레임을 그려 양식 요소를 그룹화합니다. 다음을 사용하여 해당 섹션에 제목을 추가하는 것도 가능합니다. .
일반 정보: 이름: 이메일: 생년월일:
6.꼬리표 어떤 식으로든 스타일에 영향을 미치지 않습니다. 이는 페이지의 기능에 영향을 미칩니다.
입력 요소의 레이블을 정의하는 데 사용됩니다. 레이블 자체는 마우스 클릭을 인식하여 해당 입력 필드를 활성화합니다. 이 레이블 속성은 텍스트 필드와 라디오 버튼에 작동합니다.
이름: 남자: 여자:
7.어떤 표현에 극적인 효과를 주고 싶다면 다음을 사용할 수 있습니다. . 기본적으로 요소 앞과 뒤에 빈 줄이 삽입됩니다. 요소에 포함된 텍스트를 나머지 콘텐츠와 분리하기 위해 들여쓰기도 추가됩니다.
태그 사용 예태그 사용 예
8.그것은 말할 수 없습니다 ~을 참고하여 , 그러나 일반적으로 함께 사용됩니다.
태그를 기억하세요 , 누군가의 말을 인용해야 할 때.
태그와 함께 태그를 사용하는 예입니다. 이 제안은 태그에 포함되어 있습니다.cite 태그와 함께 blockquote 태그를 사용하는 예입니다. 이 제안은 태그에 포함되어 있습니다.
9.목록을 사용하면 정보를 정리할 수 있는 좋은 기회가 제공됩니다. 다들 알고 계시죠?
목록 유형각 목록 유형이 정보를 표시하는 방식은 서로 다릅니다. 물론, 멈출 필요는 없어
목록 항목 #1 목록 항목 #1에 대한 정의 목록 항목 #2 목록 항목 #2에 대한 정의
목록 요소를 정의하는 대신(
목록 항목 #1 목록 항목 #1에 대한 정의 목록 항목 #2 목록 항목 #2에 대한 정의
10. "(및 기타 ASCII 문자)HTML을 사용할 때 문자를 삽입해야 할 때는 ASCII 코드를 사용해야 합니다. 이 규칙에는 추가 단계가 필요하지만 모든 문자가 사용자 화면에 올바르게 표시되고 브라우저가 이를 마크업의 일부로 인식하지 않도록 합니다. 올바르게 표시되지 않는 텍스트를 본 적이 있습니까? 일반적으로 문제가 있는 텍스트는 따옴표, 아포스트로피, 작음 기호 등을 사용하여 생성됩니다. 실제로 그러한 문자는 많지 않으며 해당 ASCII 코드를 기억해 두는 것이 좋습니다.
HTML 문서(페이지)는 HTML(하이퍼텍스트 마크업 언어)로 작성된 문서입니다. 태그와 사이에 포함됩니다.
문서 마크업 태그 값
마크업 태그— 화면에 텍스트, 그래픽, 비디오 및 오디오 조각을 배열하기 위한 특수 명령은 물론 다른 HTML 문서 및 인터넷 리소스와 통신하는 데 사용되는 명령도 있습니다.
기본 마크업 태그및 .이 태그 사이에는 문서에 대한 정보가 있습니다.
그리고 . 이 태그에는 뷰어 창의 프레임에 표시될 페이지 이름이 포함되어 있습니다.
그리고 . 문서의 "본문"(텍스트, 그래픽 등)은 이 두 태그 사이에 위치합니다.
플래그 매개변수:
BGCOLOR- 배경색 ()
배경- "벽지" 또는 배경
텍스트- 텍스트 색상
링크— 하이퍼텍스트 연결 색상(링크)
그리고
단락을 강조하는 데 사용되는 태그입니다. 새 문단은 항상 빈 줄로 이전 문단과 구분됩니다.
텍스트를 다른 줄로 묶는 데 사용되는 플래그입니다. 공백을 사용하여 텍스트와 그래픽을 구분하는 데에도 사용할 수 있습니다.텍스트를 수평선으로 논리적으로 구분하는 데 사용되는 플래그입니다.
이 태그 사이에는 미리 서식이 지정된 텍스트가 있습니다. "courier"와 같은 글꼴로 화면에 표시됩니다.
정렬 옵션다음에서 사용됨
정렬=왼쪽- 왼쪽 정렬
정렬=오른쪽
정렬=중앙- 중심 정렬
정렬 태그및 - 왼쪽 정렬
및 - 오른쪽 정렬
및 - 중심 정렬
텍스트의 논리적 부분을 강조하는 데 사용되는 제목및 첫 번째 수준 제목.
두 번째 수준 제목.
및 세 번째 수준 제목.
레벨 4 제목.
레벨 5 제목.
및 레벨 6 제목.
텍스트 및 글꼴을 강조하기 위한 태그텍스트(단어, 문자)를 굵게 강조 표시하는 태그입니다.
그리고이 두 태그 사이에 있는 텍스트에는 밑줄이 그어집니다.
이 두 태그 사이에 있는 텍스트가 깜박입니다.
그리고
및 글꼴 크기를 변경하는 태그입니다.
및 태그를 사용하여 글꼴 색상을 변경할 수 있습니다.
목록 생성을 위한 태그번호가 매겨진 목록의 시작과 끝을 표시하는 태그
- 그리고