아티스트가되기 위해 최선을 다하지 않으면 개발자로서 HTML을 이해하고 필요한 경우 간단한 수정을 할 수 있습니다. 아래의 아이디어를 따르십시오. 기사에서 HTML을 이해할 수 있는지 확인하십시오. 물론, 다시 읽는 과정에서 이해가 더 깊어 지도록 직접 시도하는 것이 가장 좋습니다. 좋아, 아래부터 시작 : (아래의 기호는 모두 영어로 입력됩니다)
1. HTML의 기본 규칙<html>
<헤드>
<title> 내 웹 페이지 </title>
………………………………………………………………………
</head>
<body>
……………………………………………….
</body>
</html>
거의 모든 웹 페이지 가이 형식입니다. 이것은 웹 페이지의 필수 마크입니다. 각 마크는 <>에 배치되며 </>로 끝납니다. 타원에 지저분한 것들이 많이 추가된다는 점을 제외하고는 우리가 보는 것입니다.
위의 코드를 메모장으로 복사하여 A.HTML 파일로 저장하면 웹 페이지가됩니다. 시도해 봅시다
아래에서 메모장으로 열고 <body> 사이에 홈 페이지를 추가하고 저장 한 다음 열면 다음 그림을 참조하십시오.
다음으로 홈페이지의 전면과 뒷면에 표시를 추가하여 <a href =#> 홈 페이지 </a>로 변경하고 저장 한 다음 그 효과가 무엇인지 확인하십시오.
우리가 일반적으로 온라인에서 볼 수있는 하이퍼 링크입니까? 그러나 홈페이지를 클릭 할 때 홈페이지는 변경되지 않습니다. 빈 연결을 추가하고 뜨거운 상태에서 다리미를 쳤기 때문입니다. 우리는 이전 방법을 따르고 페이지를 만들고 B.html로 저장 한 다음 위의 #을 B.html로 대체했습니다. 열면 홈페이지를 클릭하면 B 페이지로 점프합니까? (물론, 페이지 A와 B는 동일한 디렉토리에 있어야합니다) 여기서까지 웹 페이지의 모든 기능은 <a>와 같은 다른 태그로 구현되며,해야 할 때 이러한 태그의 기능 만 기억해야합니다.
2. 웹 사이트 구조인터넷 서핑을 할 때주의를 기울이면 웹 페이지는 그림과 같이 실제로 조각으로 나뉩니다.
물론 이것은 일반적인 구조 일뿐입니다. 필요에 따라 많은 블록으로 나눌 수도 있습니다. 블록은 주로 측면을 수정하고 각각의 표현식 스타일을 결정하기위한 것입니다.
이것은 주로 <div> </div> 태그를 통해 달성됩니다. 홈 페이지에 <div> 태그를 추가 해 보겠습니다.
<div>
<a href = b.html> 홈페이지 </a>
</div>
저장, 열 때 시도해보십시오. 어떤 효과가 있습니까?
수정 전과 동일합니까? 몇 가지 수정을 추가하겠습니다.
<div style = 너비 : 200px; 높이 : 100px; 테두리 스타일 : 단단한; >
달리면 우리가 표시 한 조각은 파란색 배경으로 표시됩니다!
많은 <div> </div> 블록을 추가하여 웹 페이지를 많은 양의 하하에서 제거한 다음 각 블록에 넣을 것을 넣습니다.
물론, 많은 <div>는 스타일 =입니다. 이러한 스타일 설정이 비슷한 경우 각 설정이 너무 번거 롭습니다. 우리는 일반적으로 다른 .CSS 파일에 스타일을 배치 한 다음 (웹 페이지의 각 마크의 디스플레이 스타일을 제어) 호출 해야하는 곳에 전화합니다. 아래에서 시도해 봅시다
새 메모장을 작성하여 C.CSS로 이름을 바꾸고 열고 다음에 작성하십시오.
#header {너비 : 200px; 높이 : 100px; 경계 스타일 : Solid;}
a.html에서 삭제하십시오
그런 다음 <link rel = 스타일 시트 유형 = text/css href = c.css/> 전에 </head>를 추가하십시오
즉, C.CSS 파일을 소개하십시오. CSS를 별도의 파일에 넣는 장점은 많은 장소 가이 스타일을 언급하면이 장소를 수정하는 한 모든 것이 변경 될 것이라는 점입니다. 그렇지 않으면 각 장소를 수동으로 수정해야합니다. 이는 나중에 유지 보수에 도움이되지 않습니다.
마지막으로 a.html의 <div>를 <div id = header>로 변경하십시오
효과가 이전과 동일합니까?
거의,이 시점에서 나는 아마도시를 쓰고 암송 할 수 없을 것입니다. 이 기사는 주로 모든 사람들이 HTML에 대한 일반적인 이해를 갖고 무슨 일이 일어나고 있는지 알 수 있도록하기위한 것입니다. 여전히 관여하지 않은 많은 태그가 있습니다. 웹 디자인을 위해이 책을 찾아 암기해야합니다.