<!DOCTYPE html>
<html lang="en"> 페이지의 기본 언어 설정
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 draggable="true">움직일 수 있는 태그</h1>
<p lang="ko">대한민국</p>
<p hidden>이 문장은 화면에 보이지 않습니다</p>
<a href="http:/google.com" id="google" title="클릭하면 구글 사이트로 이동합니다."> 구글</a>
<br />
<label for="userId">사용자 아이디</label>
<input type="text" name="" id="userId">
<br />
<p spellcheck="true" contenteditable="true">This is a paraggraph</p>
<p style="color:red; background-color: yellow">빨간색 문장입니다</p>
<a href="" tabindex="1">네이버</a>
<a href="" tabindex="3">구글</a>
<a href="" tabindex="2">개발자의 품격</a>
<button title="주문 버튼을 클릭하면 선택한 제품에대한 주문이 진행됩니다.">주문</button>
</body>
</html>
# draggable 태그는 사이트에서 태그를 드래그 할수있게해준다
# lang 태그는 페이지 언어설정
# hidden 태그는 문장을 안보이게 한다
# a 태그는 링크 제목을 짓거나 해당 url로 이동할수있다
# 라벨/ 레이블 태그
웹 접근성을 위한 스크린 리더 지원: <label> 태그의 for 속성과 연결된 컨트롤 요소의 id를 매칭하여 매칭된 컨트롤 요소의 이름표라는 것을 명확히 파악하게 해줍니다.
사용자 편의성 증대: <label>을 클릭하면 매칭된 컨트롤 요소가 포커스되거나 접근 가능하게 해줍니다.
#userid : 사용자아이디 에 라벨을 부여
#input : 텍스트 칸 태그
#tab 태그 tab키를눌렀을때 탭키가 표시할 순서를 지정한다.
#button 태그 버튼을 생성
전역 특성
전역 특성(Global attributes)은 모든 HTML에서 공통으로 사용할 수 있는 특성입니다. 그러나 일부 요소에는 아무런 효과도 없을 수 있습니다.
전역 특성은 모든 HTML 요소에 지정할 수 있으며, 심지어 표준에 명시되지 않은 요소에도 지정할 수 있습니다. 이는, 비표준 요소를 사용하는 순간 문서가 HTML5를 준수하지 않음에도 불구하고, 비표준 요소 역시 전역 특성을 허용해야 함을 의미합니다. 예를 들어, HTML5를 준수하는 브라우저라면, <foo>라는 요소는 유효하지 않지만 그래도 <foo hidden>...</foo>는 화면에 나타내지 않을 것입니다.
로컬속성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<img src="./img/unnamed.jpg" style="width: 50%; height: auto" alt="">
<img src="./img/unnamed.jpg" width="100px" height: auto" alt="">
</body>
</html>
'수업외 정리' 카테고리의 다른 글
| streamlit 텍스트 컴포넌트 (0) | 2024.02.03 |
|---|---|
| 증가하는 문자열 출력과 f string (0) | 2024.02.02 |
| 인프런 강의 요약 (0) | 2024.01.26 |
| django to do list -1 (0) | 2024.01.25 |
| django 사용해보기 (0) | 2024.01.24 |