4. 기타 태그 1) sup tag 2) audio tag src에 넣을 오디오 주소나 파일을 첨부한다. audio tag에 control, autoplay를 사용하게 하려면 enabled를 넣어주면 된다 enabled 자리에 공백이거나 true를 쓰면 enabled의 기능과 같이 사용된다. 3) input tag tag 정보 참고는 html mdn 검색하기 주소 링크: developer.mozilla.org/ko/docs/Web/HTML/Element input에 타입 컬러 input 타입 텍스트 input placeholder input 타입 submit은 placeholder처럼 하려면 value값을 넣어주기 required를 넣어줘서 반드시 입력하도록 할 수 있음 유효성검사 기능 ex) minln..

2. HTML 규칙 1) 선언으로 시작한다 2) HTML 태그로 열고 닫는다 head는 환경설정을 의미해서 보이지 않는다. 페이지에 관한 설정을 해준다 body는 내용을 담아서 보이는 것이다 3. Meta tag 밖에 보이는 내용 메타태그는 부가적인 정보라는 의미이다 메타 태그를 잘 사용하면 구글 등 검색창에 상위에 뜨게 할 수 있다. 표현할 수 없는 다른 정보를 메타태그로 나타낸다. 메타태그는 meta name과 meta content가 있다 meta charset은 HTML 문서의 문자 인코딩 방식을 명시한다. 명확히 안 해주면, 한글 등의 언어가 깨져서 나올 수 있다. meta charset은 유니코드를 위한 문자셋인 보통 utf-8로 해준다. 그밖의 다양한 Meta tag 메타태그의 링크태그 li..

1. 태그의 이해 태그는 의미는 없지만, 브라우저에게 이것이 어떤 역할을 하는지 알려준다. 1) h 태그 이것은 h1 이것은 h2 이것은 h3 이것은 h4 이것은 h5 2) 리스트 태그 순서가 없는 태그 UL(unordered list) 리스트 점 없애는 방법 순서가 있는 태그 OL(orderd list) li(list item) 3) 링크 태그 (a 태그) attribute가 필요하다 href가 필요 hyperlink reference target defalut값은 _self이다 _blank는 새창으로 열기이다 4) img 태그 방법-1 브라우저 주소 이미지 주소를 Img src에 넣기 방법-2 파일로 이미지 첨부

왜 semantic 사용해야 하는지 코딩을 같이하는 개발자들과 브라우저에게 어떤 부분이 무엇을 의미하는지 알려주기 위해서 이다 특히, 브라우저가 만든 웹페이지를 좀 더 이해하게 해서 검색을 원활하게 돕기도 해준다. Semantic 의 예시로 이해 가장 큰 것고 제목인 것이 header 링크가 있는 목록이 navigation 오른쪽에 있는 것이 sidebar(aside) 내용이 article 기사를 담는 것이 article group 활용 여러가지 semantic 검색 링크 주소:developer.mozilla.org/ko/docs/Glossary/Semantics#HTML_%EC%8B%9C%EB%A7%A8%ED%8B%B1