<웹 표준>
웹에서 표준으로 사용되는 기술이나 규칙을 의미하며, 이는 특정 브라우저에서만 사용되는 비 표준화된 기술은 배제하고, W3C의 토론을 통해서 나온 권고안을 사용하는 것을 말하며 웹 문서의 구조(HTML5)와 표현(CSS3), 그리고 동작(JavaScript, JQuery)을 구분해서 사용하는 것을 뜻함.

HTML5 : 웹 문서의 구조 작성
CSS3 : 웹 문서의 디자인 적용
JQuery : 웹 문서의 동적인 기능 담당(JavaScript 최신 버전)

[참고사이트] : http://w3schools.com

W3Schools Online Web Tutorials

HTML Example:

This is a heading

This is a paragraph.

Try it Yourself » CSS Example: body { background-color: lightblue; } h1 { color: white; text-align: ce

www.w3schools.com

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
  <p>HTML과 CSS(Cascading Style Sheet)를 배우는 이유</p>
  <p>1. 게시판이나 블로그를 좀 더 자유롭게 꾸밀 수 있음.</p>
  <p>2. 웹사이트 제작을 위해서는 HTML5와 CSS3가 필수적임.</p>
  <p>3. 인터렉티브한 웹 사이트를 만들 수 있음.</p>
  <!-- 형광펜 태그 -->
  <p><mark>4. 플래시 플러그(가장 큰 이유)인이 없이도 멀티미디어 콘텐츠 제작이 가능함.</mark></p>
  <!-- 굵게 -->
  <p><strong>5. 반응형 웹 사이트를 만들 수 있음.</strong></p>
  <p>6. 모바일용 앱을 만들 수 있음.</p>
  
  <hr>
  
  [참고사이트] : <a href="http://w3schools.com">[사이트 이동]</a>
</body>
</html>

<웹 표준의 예>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>웹 표준의 예</title>
<style type="text/css">
span { 
	font-size: 20px;
	font-weight: bold;
	color: blue;
}

</style>
</head>
<body>

<p>이제<span>웹 표준</span>의 역할은 아주 <span>중요</span>합니다.</p>

</body>
</html>

저작자표시

'Front > HTML' 카테고리의 다른 글

[HTML5] fieldset 태그 (0)	2021.04.20
[HTML5] form 태그 (0)	2021.04.20
[HTML4] iframe, frameset, frame 태그 (0)	2021.04.20
[HTML4] table 태그 (0)	2021.04.20
[HTML4] img(이미지 관련) 태그 (0)	2021.04.20