22.04.07
HTML <img> 태그
<img>태그는 HTML 문서에서 이미지(image)를 정의할 때 사용합니다.
<img>요소로 정의된 이미지는 HTML 문서에 직접 삽입되는 것이 아니라, HTML 문서에 이미지가 링크되는 형태입니다.`<src>`: 이미지의 경로 `<width>`: 이미지의 가로 크기 `<height>`: 이미지의 세로 크기
ex) `<img src="coding.jpg" width="350" height="250>`목록을 나타내는 <li> <ul> <ol> 태그
<li></li>태그는 list의 약자로, 목록을 만드는 태그입니다.
이 태그는 단독으로 쓰이지 않으며,<ul></li>혹은<ol></li>태그 내부에 들어갑니다.`<ol>` 태그는 번호를 메겨 순서가 있는 (ordered list) 목록을 만듭니다. `<Ul>` 태그는 순서없이 모양으로 (unordered list) 목록을 만듭니다. `<li>` 태그는 단순히 리스트 나열 뿐만 아니라 메뉴등을 만들때도 사용합니다. 이 중 리스트를 만들기 위해서는 `<ul>` 이나 `<ol>` 하위에 다시 `</ul>` 이나 `</ol>` 태그를 쓰면 됩니다.
> ex)
`<ol>`
`<li>`HTML`</li>`
`<li>`CSS `</li>`
`<li>`JavaScript`</li>`
`</ol>` `<ul>`
`<li>`HTML`</li>`
`<li>` CSS `</li>`
`<li>` JavaScript`</li>`
`<ul>`HTML title 태그란?
HTML
<title>요소는 브라우저의 제목 표시줄이나 페이지 탭에 보이는 문서 제목을 정의합니다. 웹페이지 본문에는 보이지 않으며, 브라우저의 탭 등에서 확인 할 수 있습니다.ex) `<title>`web1-html`</title>`
HTML <!DOCTYPE> 선언
DOCTYPE 선언은 HTML 문서에서
<html>태그를 정의하기 전에 가장 먼저 선언되어야만 합니다. 또한, DOCTYPE HTML이란 웹문서가 어떤 버전의 HTML 언어로 작성되었는지 결정하는 기능입니다.
HTML <head> 태그
<head>태그는 문서에 머리를 나타내는 태그입니다.
브라우저 화면에 직접적으로 보이지 않으며, 숨은 데이터를 정의하는 태그들이 들어가게 됩니다.
HTML <body> 태그
<body>태그는 해당 HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은 모든 콘텐츠를 포함하는 영역을 정의할 때 사용합니다.
HTML <meta charset="utf-8"> 태그
<meta charset="utf-8">태그는 html 파일의 인코딩을 알려주는 태그입니다.
브라우저에게 text를 어떻게 그려달라는지 말해주는 것입니다.
위 태그가 없으면 한글,특수문자들이 깨져서 나올 수 있습니다.
ex)
<!DOCTYPE html>
<html>
<head>
<title>web1-html</title>
<meta charset="utf-8">
</head>
<body>
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>
<H1>HTML</H1>
Hypertext Markup Language (HTML) is the <strong> <U>markup</U> </strong>language for creating web <U>pages</U> and web <U>applications</U>
<p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
</body>
</html>
backend developer