<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	
<style>
div,p,hi,span{
	margin : 10px auto;
	padding : 5px;
}
div{
	border : 2px solid blue;
	width : 80%;
}
p{
	 border : 2px solid skyblue; 
	width : 95%; /* div를 기준으로 95% */
}
h1{
	/* border : 2px solid skyblue; */
	width : 95%; 
	text-align : center;
}
span{ /* 인라인 요소는 크기지정 불가(img는 예외), 줄바꿈 안됨 , 인라인요소의 margin,padding은 좌우 여백만 사용가능*/
    border : 2px solid red; 
	font-weight : bold;
	color : red;
	
	margin : 20px;
}
img{
	width : 100px;
	height : 100px;
}
#imgp{
	text-align : center;
}
</style>
	
</head>
<body>
  <div>
  	<h1>진달래</h1>
  	<p id="imgp">
    	<img src="../images/진달래.jpg" alt="진달래.jpg"> 
    	<img src="../images/진달래.jpg" alt="진달래.jpg"> 
    </p>	
  	<p>
  	봄꽃 중에 화사하기로는 제일이다. 철쭉과 매우 비슷하지만,[2] 독성이 강한 철쭉과 달리 <span>진달래는 식용이 가능하다</span>. 그래도 미량의 독이 있으니 잘못 먹으면 심한 복통에 시달릴 수 있어 주의해야 한다. 독소가 많은 꽃술은 떼어내고 먹어야 한다.

진달래와 철쭉은 꽃 자체만으로는 맨눈으로 구분하기 어려운데, 대신에 진달래가 피는 시기가 철쭉보다 이르고, 진달래는 철쭉과 달리 꽃이 다 지고 난 다음 잎이 돋아나므로 구별하기 쉽다. 반면에 철쭉은 잎이 먼저 나오고 꽃이 피거나, 꽃과 잎이 같이 핀다. 또한 진달래와 철쭉을 비교하면 진달래의 잎은 끝이 뾰족하고 철쭉의 잎은 끝이 둥글어 이것으로도 구분하기도 하나, 이 경우 진달래와 잎의 생김새가 비슷한 산철쭉이나 영산홍을 진달래와 헷갈릴 수 있다.

시기상으로도 진달래는 남부 지방을 기준으로 꽃이<span> 3월 초 무렵</span>부터 피는 데 반해, 철쭉은 훨씬 따뜻해져야 핀다. 3월 초 무렵에 산에 핀 <span>분홍색 빛깔의 꽃</span>은 거의 진달래라고 보면 된다.

또한, 철쭉은 주로 공원 등에 인위적으로 심는 게 많다 보니, 대체로 나무 자체가 작고 오밀조밀한 편이지만, 진달래는 야생 꽃나무들이 대체로 그렇듯이 가지가 얼기설기 나 있고 차지하는 공간의 넓이도 더 넓다.
  	</p>
  </div>
</body>
</html>

😀 실행

'웹프로그래밍(HTML, CSS3, JavaScript)' 카테고리의 다른 글

[HTML & Script] videotest  (0) 2022.12.23
[HTML & Script] audiotest  (0) 2022.12.22
[HTML] iframe  (0) 2022.12.20
[HTML] 테이블병합-1220  (0) 2022.12.20
[HTML] 테이블 -1220  (0) 2022.12.20

+ Recent posts