1. formform 태그는 사용자가 입력한 데이터를 수집하기 위해 사용되며 input, textarea, button, select, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있다....form elements (input, checkbox, radio button, submit button...)... actionURL입력 데이터(form data)가 전송될 URL 지정methodget / post입력 데이터(form data) 전달 방식 지정GET과 POST는 HTTP 프로토콜을 이용해서 사용자 입력 데이터를 서버에 전달하는 방식을 나타내며 HTTP request method라 한다1.1 GETGET 방식은 전송 URL에 입력 데이터를 쿼..

아래 내용은 원본 사이트 글을 정리한 내용입니다. 원본 사이트를 참고하실 분들은 링크를 페이지 하단에 남겼으니 참고하시면, 좋을거 같습니다.1. 제목 (Headings) 태그Heading 태그는 제목을 나타낼 때 사용하며 h1에서 h6까지의 태그가 있다. h1이 가장 중요한 제목을 의미하며 글자의 크기도 가장 크다.시맨틱 웹의 의미를 살려서 제목 이외에는 사용하지 않는 것이 좋다. 검색엔진은 제목 태그를 중요한 의미로 받아들일 가능성이 크다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 2. 글자 형태 (Text Formatting) 태그2.1 bbold체를 지정한다. 제목 태그와 같이 의미론적(Seman..

시맨틱 태그란?이 세상에 존재하는 웹사이트들은 엄청나게 많고, 그것을 사용하는 유저들도 엄청나게 많습니다. 우리는 웹을 만들고, 결국 그 웹은 사용자에 의해 검색되어야지만, 사용될 수 있습니다. 이때, 필요로 한 개념이 바로 시맨틱 태그입니다.즉, 시맨틱 태그는 브라우저, 검색엔진, 개발자 모두에게 콘텐츠의 의미(메타 데이터)를 명확히 설명하는 역할을 합니다.non - semantic 요소div, span 등이 있으며 이들 태그는 content에 대하여 어떤 설명도 하지 않습니다.semantic 요소form, table, img 등이 있으며, 이들 태그는 content의 의미를 명확히 설명합니다. 주로 사용 되는 시맨틱 태그로는header : 헤더를 의미합니다.nav : 내비게이션을 의미합니다.aside..

HTML이란?HTML은 웹페이지를 기술하기 위한 마크업 언어입니다. 조금 더 자세히 말하자면 웹페이지의 내용과 구조를 담당하는 언어로 주로 정보를 구조화 하는데 사용됩니다. 우리는 흔히 FE 개발하는데 있어 HTML,CSS,JS를 사용하게 되는데요. 이때, 비유를 통해 설명해보자면, HTML은 사람의 뼈, CSS는 뼈에 붙어 있는 근육, 그리고 JS는 사람을 움직이는 뇌라고 비유하면 편하실거 같습니다.마크업 언어란? 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지인데요, 위키백가에 따르면, 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 하게 되었다고 합니다. 따라서 일반적으로 데이터를 기술하는 정도로..