HTML 연구 노트 2
- 不言원래의
- 2018-04-19 14:32:031439검색
이 글의 내용은 HTML 스터디 노트 2입니다. 확실한 참고 가치가 있습니다. 이제 필요한 친구들이 참고할 수 있습니다.
1. ;...fd273fcf5bcad3dfdad3c41bd81ad3e5행 정의, b6c5a531a458a2e790c1fd6421739d1c...b90dd5946f0946207856a8a37f441edf열 정의
헤더 표시:
<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
빈 행을 표시하려면 space로 채울 수 있습니다. 자리 표시자.
2. 목록
첫 번째 유형: 순서가 지정되지 않은 목록 - ff6d136ddc5fdfeffaf53ff6ee95f185, 굵은 점 표시
<tr> <th>heading</th> </tr>
사용 또는 0fc7f29c54a2abe304a8dce84286e457, 숫자를 사용하여
<ul> <li>Coffee</li> <li>Milk</li> </ul>
을 표시하거나 1f440b6628a2ecdeba8d7a6562e2d7a9...을 사용하여 숫자가 50부터 시작함을 나타냅니다. .
세 번째 유형: 사용자 정의 목록——5c69336ffbc20d23018e48b396cdd57a
<ol> <li>Coffee</li> <li>Milk</li> </ol>
설명:
5c69336ffbc20d23018e48b396cdd57a은 목록의 시작을 나타냅니다.
73de882deff7a050a357292d0a1fca94목록 항목을 나타냅니다
67bc4f89d416b0b8236eaa5f43dee742목록 항목의 정의를 나타냅니다
문단, 줄 바꿈, 그림, 링크, 기타 목록 등이 내부에서 사용될 수 있습니다. 목록 항목.
3. HTML 클래스
HTML을 카테고리화하고 요소 클래스에 대한 CSS 스타일을 정의할 수 있습니다.
같은 클래스에 같은 스타일을 설정하세요.
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
45a2772a6b6107b401db3c9b82c049c2은 인라인 요소입니다.
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<p class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</p>
</body>
</html>
4. HTML 웹사이트 레이아웃
(1) 레이아웃에는 e388a4556c0f65e1904146cc1a846bee를 사용하세요
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>
4786dff7ee6470928194244baf979f1e를 사용하세요.... 94b3e26ee717c64999d7867364b1b4a3
(2) HTML5에서 제공하는 새로운 의미 요소
1aa9e5d373740b65a0cc8f0a02150c53 문서 또는 섹션의 헤더 정의
c787b9a589a3ece771e842a6176cf8e9
2f8332c8dcfd5c7dec030a070bf652c3 문서의 섹션 정의
15221ee8cba27fc1d7a26c47a001eb9b ( ? 아직 잘 모르겠습니다.)
a5e9d42b316b6d06c62de0deffc36939 추가 세부정보 정의
5. 프레임
(1) 프레임 구조 태그 f900b4fc197b16ab214eecf015bb6bd2
행/열의 값은 각 행을 지정합니다. 또는 각 열이 차지하는 화면 영역
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
(2) 기타
6c04bd5ca3fcae76e30b72ad730ca86d 태그와 f900b4fc197b16ab214eecf015bb6bd2 태그를 동시에 사용할 수 없습니다. 그러나 텍스트가 포함된 37f861bd36cef5b6406eba87d20a5bab 태그를 추가하는 경우 해당 텍스트는 6c04bd5ca3fcae76e30b72ad730ca86d 태그 내에 중첩되어야 합니다.
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>04a0d55efbbfd646a993fbc01f262c57 name 앵커 속성을 사용하여 지정된 섹션으로 이동할 수 있습니다.
d5ba1642137c3f32f4f4493ae923989c웹페이지 내에 웹페이지를 표시하는 데 사용됩니다.
iframe可用作链接的目标（target），该链接的target属性必须引用iframe的name属性。
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
注意，由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。
相关推荐：
위 내용은 HTML 연구 노트 2의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!