HTML MDN

정승렬·2022년 8월 8일
0

HTML MDN

목록 보기
1/1

<a>

download

링크로 이동하는 대신 사용자에게 URL을 저장할지 물어봅니다.
값을 지정할 수도 있고, 지정하지 않을 수도 있습니다.

herf

하이퍼링크가 가리키는 URL.
링크는 HTTP 기반 URL일 필요는 없고, 브라우저가 지원하는 모든 URL 스킴을 사용할 수 있습니다.

rel

하나의 스페이스로 구분하는, 연결한 URL과의 관계를 나타내는 링크 유형 목록

target

링크한 URL을 표시할 위치. 가능한 값은 브라우징 맥락으로, 즉 탭, 창,
<iframe> 의 이름이나 특정 키워드입니다. 다음 키워드는 특별한 뜻을 가지고 있습니다

_self: URL을 현재 브라우징 맥락에 표시합니다. 기본값
_blank: URL을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다
parent: URL을 현재 브라우징 맥락의 부모에 표시합니다. 부모가 존재하지 않으면 _self와 동일하게 행동합니다.
_top: URL을 최상단 브라우징 맥락(현재 맥락의 부모면서 자신의 부모가 존재하지 않는, 제일 높은 맥락)에 표시합니다. 부모자 존재하지 않으면 _self와 동일하게 행동합니다

<b>

텍스트를 굵은 글씨체로 강조
CSS 사용시 font-weight를 사용하여 글씨체를 적용하거나
<strong>을 사용해 중요한 텍스트를 강조해야 함

<body>

HTML의 문서의 내용을 나타냅니다

alink 선택한 하이퍼텍스트 링크의 색
-> CSS의 color속성과 :active의 조합을 대신 사용 권장

background 배경 이미지의 URL
-> CSS의 background 속성을 대신 적용

bgcolor 배경색
-> CSS의 background-color 속성을 대신 적용

bottommargin 아래쪽 여백
-> CSS의 margin-bottom 속성을 대신 적용

leftmargin 왼쪽 여백
-> CSS의 margin-left 속성을 대신 적용

link 방문하지 않은 하이퍼텍스트 링크의 색
-> CSS의 color 속성과 :link의 조합을 대신 사용 권장

<br>

택스트 안에 줄바꿈을 생성합니다.

<button>

클릭 가능한 버튼을 나타냅니다.
외형은 CSS로 변환 가능

autofocus: 페이지 로드 후 이 버튼에 포커스가 위치해야 하는지 나타냅니다.
문서내에서 하나의 요소만 autofocus특성을 가질 수 있습니다.

disabled: 버튼과 사용자의 상호작용, 버튼을 누르거나 클릭하는 것을 막는다

form: 버튼과 연결할 <form>요소의 id 값을 사용해야 함

formaction: <button>이 제출 버튼인 경우, 제출한 정보를 처리할 URL 지정한 경우, 버튼의 양식 소유자가 가진 action 특성보다 우선시 함

formenctype: <button>이 제출 버튼인 경우, formanctype 특성은 양식을 서버로 제출할 때 사용할 양식 데이터 인코딩을 지정합니다

가능한 값

  • application/x-www-form-urlencoded: 기본값.
  • multipart/form-data type 특성이 file<input>이 존재하는 양식에서 사용하세요.
  • text/plain: 디버깅 전용으로 명세에 추가된 값입니다. 실제 양식 제출 시 사용해선 안됩니다.

formmethod: button이 제출 버튼인 경우, formmethod특성은 양식을 서버로 제출할 때 사용할 HTTP 메서드를 지정한다

  • post: 양식의 데이터를 HTTP 요청 본문에 넣습니다. 비밀번호처럼 양식 데이터 중 공개하지 않아야 하는 항목이 있으면 사용
  • get: 양식 action URL 뒤에 ?를 추가한 후 양식 데이터를 덧붙인다. 검색 양식처럼, 양식이 사이드 이펙트를 갖지 않을 때 사용

formnovalidate: <button>이 제출 버튼인 경우 formnovalidate 특성은 양식을 제출할 때 유효성 검사를 하지 않겠다는 것을 지정합니다

formtarget: <button>이 제출 버튼인 경우 formtarget 특성에는 양식 제출의 결과를 표시할 위치를 나타내느 ㄴ표준 키워드 혹은 사용자 지정 이름을 사용할 수 있다

  • _self: 응답을 현재 브라우징 맥락에 표시합니다. 기본값.
  • _blank: 응답을 새로운 브라우징 맥락에 표시합니다. 보통 새 탭이지만, 사용자가 브라우저 설정을 통해 새 창으로 바꿀 수 있습니다.
  • _parent: 응답을 현재 브라우징 맥락의 부모에 표시합니다. 부모가 존재하지 않으면 _self와 동일하게 행동합니다.
  • _top: 응답을 최상단 브라우징 맥락(현재 맥락의 부모면서 자신의 부모가 존재하지 않는, 제일 높은 맥락)에 표시합니다. 부모가 존재하지 않으면 _self와 동일하게 행동합니다.

name: 버튼의 이름
type: 버튼의 행동 방식

  • submit: 버튼이 서버로 양식 데이터를 제출합니다. 지정하지 않은 경우 기본값이며, 유효하지 않은 값일 때도 사용합니다.
  • reset: <input type="reset">처럼, 모든 컨트롤을 초깃값으로 되돌립니다.
  • button: 기본 행동이 없으며 클릭했을 때 아무것도 하지 않습니다. 클라이언트측 스크립트와 연결할 수 있습니다.

value: 버튼의 초깃값. 제출할 때, 버튼의 value 특성과 함께 양식 데이터의 일부를 구성합니다.

<cite>

저작물의 출처를 표기할 때 사용하며, 제목을 반드시 포함해야 한다. 적절한 맥락 아래에서는 출처를 축약해서 표기할 수 있다.

<code>

짧은 코드의 스타일을 나타내 자신의 콘텐츠를 표시

<data>

주어진 콘텐츠를 기계가 읽을 수 있는 해석본과 연결합니다.

0개의 댓글