코딩/HTML
-
HTML | target 속성과 link 상태 예제코딩/HTML 2023. 7. 13. 12:46
a 태그를 이용한 target 속성 설정 blank self parent top myframe 실제로 적용해 봤을 때 _blank와 _myframe 은 새창에서 열리고 나머지는 현재 프레임에서 열리는 것을 볼 수 있었다. 간혹 _myframe 태그는 링크를 연결한 사이트자체에서 막아두는 경우도 있다. 페이지 책갈피 책갈피를 통해 가고싶은 위치에 태그를 만들고 name 속성을 작성한다. 그 다음에 작성한 name 값을 이용해 다른 태그에서 링크를 걸면된다. 북마크로 가기 북마크 주의할점은 name 값 내용은 a 태그 안에 넣지 않는 것이다.
-
HTML | 엔티티 간단정리코딩/HTML 2023. 7. 12. 12:23
H태그 위아래로 자동여백이 삽입된다. 검색엔진은 H태그를 이용해 키워드를 수집하고 그 내용을 파악한다. 제목은 h태그로 작성해야 검색확률을 높일 수 있다. P 태그 하나의 문장으로 인식한다. 중간에 필요하다면 br을 이용해서 사이를 띄운다. pre 태그 br이 없더라도 줄바꿈을 인식한다. tap 도 인식하기때문에 잘 쓰지는 않는다 . b 태그 단순히 텍스트를 굵게표현 Strong 태그 텍스트를 굵게표현, 강조의미도 내포하고있다. i 태그 단순히 텍스트를 이탤릭체로 표시 em 태그 텍스트를 이탤릭체로 표현, 강조의미도 내포 검색엔진은 strong 이나 em 같은 강조된 텍스트를 더 중요하게 인식한다. mark 태그 텍스트에 하이라이팅 효과를 적용시킨다.(형광펜 밑줄) del 태그 텍스트 중앙에 가로줄을 그..
-
HTML | 시맨틱태그의 종류와 역할코딩/HTML 2023. 7. 3. 18:00
웹 문서에 핵심이 되는 내용이다. 웹문서마다 다르게 보여주는 내용으로 구성한다. 문서에서 한번만 사용한다. 독립된 웹 콘텐츠항목 section 을 포함할 수 있다. 콘텐츠영역 몇개의 콘텐츠를 묶는 용도로 사용한다. css 적용을 위해 묶는용도로는 쓰지 않는다. 본문 내용외에 왼쪽, 오른쪽, 아래쪽 사이드 바 필수요소는 아니다. 웹사이트 정보나 연락처 등을 기입한다. 다른 시맨특 태그를 사용해 다양한 정보를 포함한다. 소스를 묶는 용도이다. 영역을 구별하거나 스타일을 적용하기위해 사용한다.
-
HTML | 체크박스, 라디오버튼, range, dropdown코딩/HTML 2023. 5. 1. 18:02
입력창 checkbox 과일선택: APPLE // 기본값으로 체크선택 chacked GRAPE ORANGE //라디오버튼은 1개 선택가능 radio 성별 남성 여성 이메일 color //text 태그 size = "" maxlength = "" 텍스트 창 너비, 높이 지정가능 html 행 열 / css 너비 높이 textbox size 지정 물품 가격: 물품 수량: 물품 재고: 조절바 드롭다운 BMW Benz 현대자동차 기아자동차 포르쉐 라벨 웹 글자 표현 태그 레이블 태그를 클릭하면 텍스트 컨트롤에 초점에 맞춰서 사용이 가능 모바일나 태블릿 환경에서 강점 발휘 Choose a pet: Dog Cat Hamster Parrot Spider Goldfish
-
HTML | input, form, button코딩/HTML 2023. 4. 30. 17:53
input 사용자가 정보를 입력하는 부분 type에 따라 폼 작성 input은 끝나는태그가 없다. 태그 form (get, post ) html 에서 입력을 받아 데이터베이스 서버로 전송, 추가기능 만듦 button type,value,onclick 버튼 클릭 후 기능 연결 alert('확인완료') pop up 창('메세지') text 태그 size = "" maxlength = "" textarea 여러줄 작성 태그 텍스트 창 너비, 높이 지정가능 html 행 열 / css 너비 높이
-
HTML | head, list, a href코딩/HTML 2023. 4. 28. 16:48
html 웹문서를 만드는 언어, 구조 css 디자인 head = 눈에 안보이는 설정 인코딩, 스타일적용, 함수설정 (로그인시 비밀번호확인) body = 눈에 보여지는 부분 클라이언트(요청 request), 서버(응답 response) 태그 내용 Head Hello world 한줄 단락으로 글 작성 html 문서는 기본주조로 html5 사용 UTF-8 유니코드 일종으로 가변길이 문자 인코딩 영어 1byte 한글 3byte로 표현 viewport 반응형 스마트기기들에서 문서를 제대로 표현할 수 있도록 설정 반응형 X-UA-Compatible 구버전 익스플로러 사용자들도 최신표준모드로 해석가능하게 설정 title 웹브라우저 제목 List 아메리카노 카페모카 카페라떼 아메리카노 카페모카 카페라떼 때는 저녁 10..