html style/br/pre/img

<!doctype html>
 <html>
  <head>
  <meta charset="UTF-8">
  <title>제목설정</title>
  
  <link rel = "stylesheet" href = "../css/mystyle.css">
  
  <style>
  h1,h2,h3,h4,h5,h6{
    background : green;
  }
  img{
    width : 200px;
	height : 200px;
  }
   </style>
  </head>
  
  <body>
  <pre>
   &it;h1> ~ &lt;h6> : 제목을 설정 , block요소, 자동으로 줄바꿈
   
    &lt;img> : 정해진 크기만큼 차지, inline요소
             자동으로 줄이 바뀌지 않는다
  </pre>
  
    <h1>환영합니다 HTML 세계로 오심을 ~~~</h1>
    <h2>환영합니다 HTML 세계로 오심을 ~~~</h2>
    <h3>환영합니다 HTML 세계로 오심을 ~~~</h3>
	 <h4>환영합니다 HTML 세계로 오심을 ~~~</h4>
	 <h5>환영합니다 HTML 세계로 오심을 ~~~</h5>
	 <h6>환영합니다 HTML 세계로 오심을 ~~~</h6>
	  
	  <img src = "../images/멍멍.jpg" alt="멍멍" title ="">
	  <img src = "../images/여러멍멍.jpg" alt="여러멍멍" title ="여러멍멍">
	  
  </body>
 </html>

클릭은 자바 스크립트

쉽f5: 새로고침
컨쉽알r: 실행

pre에서는 띄어쓰기가 가능 화면에 입력한 그대로 출력이 됨

double은 이중선
dotted은 점선

pre{
font-size : 2.0em;
border : 3px inset blue;
/*
border : 3px(width) inset(style) blue(color);
border-style :
double(이중선) solid dotted(점선)
dashed inset(위가 밝게) outset(아래가 밝게)

	  */
}

--이것들은css로 들어가서 html엔 필요없음
pre는 css에서 만들어서 html에서 가져다가 쓰면됨

../ 현재 폴더에서 상위 폴더로 올라감

내부 스타일은 내부만 외부는 전부

[알고리즘] 백준 1062
21.3.25

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage