HTML의 기본 규칙과 웹 페이지의 구조를 이해하는 데 도움이 되는 문서
- yulia원래의
- 2018-09-11 15:18:322543검색
아티스트가 되기로 결심하지 않았다면 개발자로서 HTML을 읽고 필요할 때 간단한 수정을 할 수 있습니다. 이 기사가 HTML을 이해하는 데 도움이 되도록 아래 내 아이디어를 따르세요. 물론, 읽는 과정에서 직접 시도해 보는 것이 가장 좋습니다.
1. html의 기본 규칙
<html> <head> <title>我的网页</title> ……………………….. </head> <body> …………………. </body> </html>
거의 모든 웹 페이지가 이 형식을 따릅니다. , 각 태그는 6d267e5fab17ea8bc578f9e7e5e1570b에 배치되고 5f557f62ae7ac7a14e0b1cb564790dfc로 끝나지만, 우리가 보는 바와 같이 타원 안에 지저분한 내용이 많이 추가되어 있습니다. 위 코드를 메모장에 복사한 후, .html 파일로 저장해 보세요. 웹페이지가 됩니다. 그런 다음 메모장 모드로 열고 6c04bd5ca3fcae76e30b72ad730ca86d 사이에 "Homepage"라는 단어를 추가한 후 저장한 후 다시 열어서 살펴보세요.
다음으로 홈페이지 전후에 3499910bf9dac5ae3c52d5ede7383485 표시를 추가하여 ee7959cc8dd4be16ef633321c03dac32홈페이지5db79b134e9f6b82c0b36e0489ee08ed로 저장한 뒤, 효과를 다시 확인해볼까요?
우리가 온라인에서 흔히 보는 하이퍼링크인가요? 여기서 "홈"을 클릭해도 아무런 변화가 없습니다. 왜냐하면 우리가 추가한 빈 연결은 철이 뜨거울 때 치는 것이기 때문입니다. 우리는 이전 방법에 따라 페이지를 만들고 b.html로 저장한 다음 교체합니다. 위의 "#"을 b.html로 열고 홈 페이지를 클릭하면 b 페이지로 이동합니다. (물론 페이지 a와 b는 같은 디렉토리에 있어야 합니다.) 이제 웹 페이지의 모든 기능은 3499910bf9dac5ae3c52d5ede7383485를 수행해야 할 때와 유사한 서로 다른 태그로 구현된다는 점을 이해해야 합니다. 이 태그의 기능을 기억하세요.
2. 웹페이지 구조
인터넷 서핑할 때 주의하면 웹페이지가 실제로 블록으로 나누어져 있습니다. 물론 이것은 대략적인 구조일 뿐이며 필요에 따라 여러 블록으로 나눌 수 있습니다. 블록을 나누는 주요 목적은 측면을 수정하고 각각의 연주 스타일을 결정하는 것입니다. 이는 주로 dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68 태그를 "홈 페이지"에 추가해 보겠습니다.
<div> <a href=”b.html”>首页</a> </div>
저장하고 열 때 사용해 보세요. 모직물은 어떤 효과가 있나요? 여전히 수정 전과 동일합니까? 몇 가지 수정 사항을 추가해 보겠습니다.
<div style=”width:200px;height:100px;border-style:solid;” >
이 실행 중이고 우리가 표시한 블록이 파란색 배경으로 표시됩니다! 많은 dc6dce4a544fdca2df29d5ac0ea9906b16b28748ea4df4d9c2150843fecfba68 블록을 추가하면 웹페이지를 8개 조각으로 나눌 수 있습니다. 하하, 그런 다음 각 블록에 원하는 내용을 넣을 수 있습니다. 물론, 많은 dc6dce4a544fdca2df29d5ac0ea9906b가 로 추가됩니다. 이러한 스타일 설정이 유사하다면, 우리는 일반적으로 스타일을 다른 .css 파일에 넣습니다(각 요소를 제어). 표시 스타일)을 표시한 다음 호출해야 하는 위치를 호출합니다.
새 메모장을 만들고 이름을 c.css로 바꾼 다음 열고 다음을 작성합니다.
# 🎜🎜#
#header{width:200px;height:100px;border-style:solid;} a.html에서 삭제하세요. 그런 다음 9c3bca370b5104690d9ef395f2c5f8d1 앞에 a6f64073bf04da05af6a8dffbf7944f2를 추가합니다. 이는 c.css 파일을 도입한다는 의미입니다. CSS를 별도의 파일에 넣는 것의 장점은 이 스타일이 여러 곳에서 참조되는 경우 이 한 곳만 수정하면 모든 것이 변경된다는 것입니다. 그렇지 않으면 각 곳을 수동으로 수정해야 하므로 나중에 도움이 되지 않습니다. 유지. 마지막으로 a.html의 dc6dce4a544fdca2df29d5ac0ea9906b를 4491e45d6f8c93b3d740a42a3cd9ca89로 변경하면 이전과 같은 효과가 나타납니까? 위 내용은 HTML의 기본 규칙과 웹 페이지의 구조를 이해하는 데 도움이 되는 문서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!