TIL 1 | HTML 기초 💬

HTML(HyperText Markup Language)

웹페이지를 위한 마크업언어(MarkUp Language)

참고 웹사이트
https://www.advancedwebranking.com/html/#basic-elements-metadata>
https://developer.mozilla.org/ko/docs/Web/HTML

HTML은 웹 페이지 콘텐츠 안의 꺾쇠 괄호에 둘러싸인 "태그"로 되어있는 HTML 요소 형태로 작성한다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
</body>
</html>

<head> : 문서의 머리를 나타내는 태그입니다
<body>와 다르게 문서의 내용이 나타나지 않지만 데이터를 정의하는 태그들이 들어갑니다
<body> : 문서의 내용을 나타내는 태그입니다
대부분의 태그가 <body>태그에 들어갑니다.
<Meta> : 데이터를 설명하는 데이터를 지정하는 태그입니다
대부분의 페이지는 UTF-8로 지정되어 있습니다
<title> : 제목을 지정하는 태그입니다
HTML문서의 제목을 지정합니다

<title>
<meta>
<link> : 외부 문서를 연결시키는 태그입니다
CSS문서를 연결하거나 웹 문서를 연결시킵니다
<style> : 웹 문서의 스타일을 정해주는 태그입니다
속성으로도 사용가능합니다
- <body style="font-size:20px">

1.<form>의 속성

action : 보낼 데이터 양식의 위치를 정해줍니다
action-charset : 데이터를 보낼 문자 인코딩을 정해줍니다
method : 양식을 제출할 때 사용할 HTTP method를 정해줍니다
- post : 양식 데이터를 요청 본문으로 전송합니다
- get : 양식 데이터를 action URL과 ? 구분자 뒤에 이어 붙여서 전송합니다
target : 받은 데이터를 응답할 위치를 정해줍니다
name : form의 이름을 정해줍니다

2.<form>의 요소

<label>태그와 연동한 <input>
Click here

<label>태그와 연동하지 않은<input>
Click here

button

select1 select2 select3
fieldset

  <input type="type">

button, checkbox, color, date, file, email, number, range, time, search, submit

처음으로 velog로 기술블로그를 작성하니 쓰면서 모르는 부분을 배워가고 아는 부분도 부족한 게 무엇인지 알 수가 있었다
시작이 반이라는 말이 있듯이 꾸준히 조금씩 쓰다보면 달라지는 나의 모습이 보여진다

쓰면서 임시저장을 안 해서 3번정도 다시 써야했다
중간 중간에 저장버튼을 누르는 것을 잊지 말아야겠다
~~노트북이 온전하게 있어서 다행이다~~

이 문제에 관하여(TIL 1 | HTML 기초 💬), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@action2thefuture/HTML-기초

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다