[HTML] 브라우저에서 값(문자열)을 입력하고 전송하게 해주는 <form>태그

태그는 브라우저에서 텍스트를 입력하고 지정한 URL로 값을 전송해주는 태그. form태그의 프로세스를 간략하게 정리해보면... 첫번째 input 태그에서 type(형식)은 text박스(1줄짜리)로, name(입력값)은 title로 지정 다음 textarea 태그는 여러줄을 입력할 수 있는 텍스트 박스 생성, name(입력값)은 description으로 지정 마지막 input 태그에서 type(형식)은 submit 으로 제출버튼 생성 위와같이 입력하고 제출버튼을 클릭하면 form의 action이 활성화되면서 입력값을 전송하기 위한 주소가 필요하므로 action 뒤에 입력값을 전송하고자 하는 주소를 추가하고, 마지막으로 post방식으로 전송함으로써 전송하는 url 주소의 노출을 차단.

2021.03.03

[HTML5] 시멘틱 태그(sementic tag)

시멘틱태그(sementic tag)란 인터넷의 발전으로 방대한 양의 웹문서가 생기면서, 제각기 일관적이지 않게 생성된 문서 구조는 웹문서에서 원하는 정보를 찾기가 점점 힘들어 지게 만드는 원인이었다. 태그의 기능과 마찬가지로 block element이면서 사이트의 구조(레이아웃)을 설계하기 위한 태그. HTML의 구조를 설계하는데 있어 태그에 의미를 부여 함으로써 사이트의 구조를 파악하기 용이할 수 있도록 도와주기 위해 만들어진 태그. HTML5 이전에는 구조를 구분하기 위하여 div태그에 id 또는 클래스 등으로 구분하며 구조를 설계했으나 시멘틱태그의 등장으로 인하여 좀더 명시적이면서도 직관적인 구조의 설계가 가능해졌다. 시멘틱태그를 사용하면 좋은점(장점) 1. SEO 최적화에 유리. (SEO: Sea..

2021.03.02

[HTML] 페이지 새로고침 버튼(태그) 만들기

인터넷 브라우저에서 페이지를 새로고침하는 버튼(태그) 만들기 인터넷 브라우저를 새로고침해야할때 (F5) 버튼이나 브라우저의 새로고침 버튼을 사용하는것 보다 조금 더 편리한 위치에 새로고침 버튼(태그)를 만들어 사용편의성을 높일 수 있을 때 필요한 코드입니다. 1. button tag를 이용하여 만들기 새로고침 2. a 링크를 이용하여 만들기 [새로고침]

2021.02.26

HTML Tag (태그 정리)

HTML 태그의 정리 순서는 사용 빈도수 순 Tag Usage Definition Summary ... 머리말 ... 본문 ... 웹페이지(문서)제목 metadata에 대한 정보(information) ... 문서영역 또는 섹션의 분할 정의 ... (Anchor) 링크연결, inline요소 클라이언트 사이드 스크립트를 정의할때 사용 스타일시트(등 의) 링크 적용 이미지삽입 ... 줄바꿈, 단락 ... inline요소들을 그룹화 ... (List) 리스트화 ... (Unordered List) 리스트를 그룹으로 묶음 ... (Ordered List)리스트 그룹 자식들 앞에 숫자 넘버링 줄바꿈, break CSS 스타일 정의 ~ ... 제목(heading), 글씨크기 체크박스 삽입 ... 글씨를 두껍게 강조..

2021.01.22