교재 사이트
HTML Tutorial
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
실행
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_img_src
HISTORY
2000 : W3C Recommendation: XHTML 1.0
HTML을 만드는 도구가 XML
XML을 가지고 깔끔하게 만들자. -> XHTML
BUT, 복잡함 -> 단순하게, HTML5 -> 표준이됨.
Heading
가능한 중요정보는 H1에 넣는다.
Paragraphs
: 문단
Links
a 태그
href : hiper reference : 하이퍼링크에 대한 주소
Images
<img> tag
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142"?>
Attribute
<a href="https://www.w3schools.com">Visit W3Schools</a><img src="img_girl.jpg">
1. 절대 경로
2. 상대 경로
style
<p style="color:red;">This is a red paragraph.</p>lang
<!DOCTYPE html><html lang="en"><body>...</body></html>title
<p title="I'm a tooltip">This is a paragraph.</p>
Headings
헤딩이 중요.
Paragraphs
Horizontal Rules
HTML Line Breaks
The Poem Problem
Solution - The HTML <pre> Element
Comments
HTML Comment Tag
<!-- This is a comment -->
<p>This is a paragraph.</p>
<!-- Remember to add more information here -->Hide Inline Content
Multiline Comments
<script type="text/javascript">
<!--
function displayMsg() {
alert("Hello World!")
}
//-->
</script>'학교수업 > 웹프로그래밍' 카테고리의 다른 글
| Bootstrap: CSS Framework (0) | 2023.06.16 |
|---|---|
| Graphics (0) | 2023.06.16 |
| [0323~0328] 웹프 (0) | 2023.03.23 |
| [웹프] 0316~0321 (0) | 2023.03.16 |
| [웹프] 0314 (0) | 2023.03.14 |