HTML
- HTML(하이퍼텍스트 마크업 언어)는 웹 페이지를 만들기 위한 표준 마크업 언어입니다. HTML은 웹 페이지의 구조와 내용을 정의하며, 웹 브라우저에서 웹 페이지를 렌더링하는 데 사용됩니다.
태그 (Tags)
- HTML 문서의 기본 구성 요소로서, 각각의 태그는 각기 다른 역할을 수행합니다. 일반적으로 태그는 다음과 같은 형식을 가집니다: <태그명>내용</태그명>. 예를 들어, <p>이것은 단락입니다.</p>는 단락을 정의합니다.
<br>: 줄바꿈(마무리태그 X), br 갯수만큼 줄바꿈 가능
<hr>: 수평선
<strong>: 글씨 진하게
요소 (Elements)
- 태그와 태그 사이의 모든 내용을 포함한 것을 요소라고 합니다. 위의 예에서 <p>이것은 단락입니다.</p>에서 <p>는 열린 태그이고 </p>는 닫힌 태그이며, 이 두 태그 사이의 텍스트는 <p> 요소의 내용입니다.
속성 (Attributes)
- 태그에 추가 정보를 제공하는 데 사용되며, 일반적으로 "속성명"과 "속성값"으로 구성됩니다. 예를 들어, <img src="이미지주소.jpg" alt="대체 텍스트">에서 src와 alt는 속성이며, 각각 이미지의 경로와 대체 텍스트를 지정합니다.
웹 페이지 구조
- 일반적으로 HTML 문서는 다음과 같은 구조를 가집니다.
- <!DOCTYPE html>: 문서의 유형을 지정하는 선언.
- <html>: HTML 문서의 시작을 나타냅니다.
- <head>: 문서의 메타 정보를 포함하는 부분.
- <title>: 웹 페이지의 제목을 정의합니다.
- <meta>: 문서의 문자 인코딩 및 기타 메타 정보를 정의합니다.
- <body>: 웹 페이지의 실제 내용을 포함하는 부분.
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Web</h1>
<h2>CSS</h2>
</body>
</html>링크와 이미지
- <a> 태그를 사용하여 다른 웹 페이지로 링크를 만들고, <img> 태그를 사용하여 이미지를 삽입할 수 있습니다.
<img src="IMG_9218.GIF" width="450"><a href="1.html">목록
- <ul> (unordered list, 순서가 없는 목록)과 <ol> (ordered list, 순서가 있는 목록) 태그를 사용하여 목록을 만들 수 있으며, <li> 태그를 사용하여 각 항목을 정의합니다.
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>양식(Form)
- <form> 태그를 사용하여 사용자 입력 양식을 만들고, 다양한 입력 요소(<input>, <textarea>, <select> 등)를 사용하여 사용자로부터 정보를 수집할 수 있습니다.
표
https://coding-factory.tistory.com/184
[Html] 테이블(Table) 사용법 총정리(만들기,테두리,병합,정렬,배경색 등등)
HTML을 하다보면 굉장히 많이 사용하는 태그가 바로 일것입니다. 바로 표를 만들어주는 HTML태그인데요. 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않습니다만 웹사이트 전체의
coding-factory.tistory.com
HTML
- HTML(하이퍼텍스트 마크업 언어)는 웹 페이지를 만들기 위한 표준 마크업 언어입니다. HTML은 웹 페이지의 구조와 내용을 정의하며, 웹 브라우저에서 웹 페이지를 렌더링하는 데 사용됩니다.
태그 (Tags)
- HTML 문서의 기본 구성 요소로서, 각각의 태그는 각기 다른 역할을 수행합니다. 일반적으로 태그는 다음과 같은 형식을 가집니다: <태그명>내용</태그명>. 예를 들어, <p>이것은 단락입니다.</p>는 단락을 정의합니다.
<br>: 줄바꿈(마무리태그 X), br 갯수만큼 줄바꿈 가능
<hr>: 수평선
<strong>: 글씨 진하게
요소 (Elements)
- 태그와 태그 사이의 모든 내용을 포함한 것을 요소라고 합니다. 위의 예에서 <p>이것은 단락입니다.</p>에서 <p>는 열린 태그이고 </p>는 닫힌 태그이며, 이 두 태그 사이의 텍스트는 <p> 요소의 내용입니다.
속성 (Attributes)
- 태그에 추가 정보를 제공하는 데 사용되며, 일반적으로 "속성명"과 "속성값"으로 구성됩니다. 예를 들어, <img src="이미지주소.jpg" alt="대체 텍스트">에서 src와 alt는 속성이며, 각각 이미지의 경로와 대체 텍스트를 지정합니다.
웹 페이지 구조
- 일반적으로 HTML 문서는 다음과 같은 구조를 가집니다.
- <!DOCTYPE html>: 문서의 유형을 지정하는 선언.
- <html>: HTML 문서의 시작을 나타냅니다.
- <head>: 문서의 메타 정보를 포함하는 부분.
- <title>: 웹 페이지의 제목을 정의합니다.
- <meta>: 문서의 문자 인코딩 및 기타 메타 정보를 정의합니다.
- <body>: 웹 페이지의 실제 내용을 포함하는 부분.
<!DOCTYPE html>
<html>
<head>
<title>CSS</title>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Web</h1>
<h2>CSS</h2>
</body>
</html>링크와 이미지
- <a> 태그를 사용하여 다른 웹 페이지로 링크를 만들고, <img> 태그를 사용하여 이미지를 삽입할 수 있습니다.
<img src="IMG_9218.GIF" width="450"><a href="1.html">목록
- <ul> (unordered list, 순서가 없는 목록)과 <ol> (ordered list, 순서가 있는 목록) 태그를 사용하여 목록을 만들 수 있으며, <li> 태그를 사용하여 각 항목을 정의합니다.
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
</ol>양식(Form)
- <form> 태그를 사용하여 사용자 입력 양식을 만들고, 다양한 입력 요소(<input>, <textarea>, <select> 등)를 사용하여 사용자로부터 정보를 수집할 수 있습니다.
표
https://coding-factory.tistory.com/184
[Html] 테이블(Table) 사용법 총정리(만들기,테두리,병합,정렬,배경색 등등)
HTML을 하다보면 굉장히 많이 사용하는 태그가 바로 일것입니다. 바로 표를 만들어주는 HTML태그인데요. 표 뿐만 아니라 갤러리를 만들 수도 있고 지금은 잘 사용하지 않습니다만 웹사이트 전체의
coding-factory.tistory.com
