HTML Step 32

Front/HTML

HTML Step 32

NOOWGNAJ 2022. 7. 14. 01:05

@charset "UTF-8";

	/*	Base code	*/
	body{
		margin : 0;
		padding : 0;
		background-color: none;
	}
	a{
		text-decoration-line : none;
	}
	span,label{
		display : block;
	}
	ul,ol{
		list-style: none;
		margin : 0;
		padding : 0;
	}
	
	/*		*/

HTML 5일차 5 HTML 5.0 + CSS3.0 (신규 태그)

검색엔진 고르기

구글

네이트

네이버

<!DOCTYPE html> 
<html lang="ko">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-compatible" content="IE=Edge, chrome=1">
		<meta http-equiv="imagetoolbar" content="no">
		<!--  imagetoolbar는 마우스 오버시 이미지 관련 툴바를 생성되지 않도록 한다. -->
		<meta name="viewport" content="width=device-width, iniital-scale=1.0">
		<title> HTML 5일차 5 HTML 5.0 + CSS3.0 (신규 태그) </title>
		<link rel="stylesheet" type="text/css" href="./index16.css?v=2022071302">
	</head>
	<body>
		<!--  a tag에 download속성이 추가됨. 해당 파일을 직접 PC에 저장시킴 -->
		<a href="./logo_quick_01.png" download><img src="logo_quick_01.png"></a>
		<br>
		<!-- details : 세부정보를 표시할때 사용  -->
		<details>
			<!-- summary : 타이틀 및 세부정보에 대한 그룹을 정할때 사용 -->
			<summary>검색엔진 고르기</summary>
			<ul>
				<a href="http://www.google.com"><li>구글</li></a>
				<a href="http://www.nate.com"><li>네이트</li></a>
				<a href="http://www.naver.com"><li>네이버</li></a>
			</ul>
		</details>
	</body>
	<script>

	</script>
</html>

저작자표시 (새창열림)