html
HTML은 HyperText Markup Language의 약자로, 웹 페이지를 구성하는 마크업 언어입니다.
웹 브라우저에 의해 해석되어 사용자가 볼 수 있는 웹 페이지를 생성하는 데 사용됩니다.
HTML은 웹 페이지의 구조와 내용을 정의하며, 웹 페이지에 텍스트, 이미지, 링크, 동영상 등을 포함하는 데 사용됩니다. HTML은 일련의 태그(tag)로 이루어져 있습니다.
태그는 각각 "<"와 ">"로 묶여 있으며, 시작 태그와 종료 태그로 이루어진 쌍(pair)으로 사용됩니다.
시작 태그는 "<" 다음에 태그 이름이 오며, 종료 태그는 "</" 다음에 태그 이름이 오고, 마지막에 ">"가 오는 형태입니다.
예를 들면, "<p>"는 단락(paragraph)을 나타내는 시작 태그이고, "</p>"는 단락의 종료 태그입니다.
HTML 문서의 기본 구조는 "<html>", "<head>", "<title>", "<body>" 등의 태그를 사용하여 정의됩니다.
"<html>" 태그는 HTML 문서의 시작을 나타내며, "<head>" 태그는 문서의 헤더를 정의하고,
"<title>" 태그는 문서의 제목을 정의하며, "<body>" 태그는 실제 웹 페이지의 내용을 정의합니다.
HTML은 다양한 태그를 제공하여 다양한 형식의 콘텐츠를 표시하고 구조화할 수 있습니다.
예를 들면, "<h1>" 태그는 제목을 나타내며, "<p>" 태그는 단락을 나타내며, "<img>" 태그는 이미지를 나타냅니다.
또한, "<a>" 태그는 링크를 생성하며, "<table>" 태그는 표를 정의하고,
"<form>" 태그는 사용자 입력 폼을 정의하는 등 다양한 태그가 있습니다.
HTML은 웹 페이지의 구조와 내용을 정의하는 역할을 하며,
웹 페이지의 레이아웃, 디자인, 동작 등은 CSS(Cascading Style Sheets)와 JavaScript와 같은 다른 웹 기술과 함께 사용되어 구현됩니다.
html 기초
<!doctype html>
<html lang="en">
<head> <meta charset="utf-8">
<mata name="viewport" content="X-UACompatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>title</title>
<style>
/* 꾸미기 */
</style>
</head>
<body> 웹사이트 </body>
</html>
이 html코드를 실행시켜본다면
이렇게 뜨는 것을 볼 수 있는데요? 저는 Microsoft edge를 사용하여 브라우저가 저런 Microsoft edge로 뜨는 것을 확인 할 수 있지만
여러분들이 크롬이나 다른 웹브라우저를 사용하신다면
(그 브라우저에 맞는 화면이 나오니 다르다고 생각 안 하셔도 됩니다)
다음은 코드에 대해서 설명하도록 하겠습니다 <body> 웹사이트 </body> 이 부분이 웹사이트 하얀색 바탕부분에 나오는
웹사이트 글자를 만드는 코드이며 <body> </body> 안쪽 구간에 웹사이트 대신 다른 글자를 넣어도 상관없습니다
다른 글자를 넣으면 그 글자가 나오는 것을 확인 하실 수 있습니다
그다음은 <title> title </title>부분에 대해서 알아보도록하겠습니다
이부분은 웹사이트 좌측 상단에 위치한 웹사이트 타이틀(제목)을 담당하는 구간입니다
<title> </title>안쪽 구간에 title대신 다른 글자를 넣어도 상관없으며 다른 글자를 넣을 경우 그 글자가 웹사이트의 제목을
대신하는 것을 볼 수 있습니다