728x90 반응형 Coding With Jina/HTML13 [HTML] 기본 개념 - html은 프로그래밍 언어가 아니다. - hyper-text-markup-language - 웹사이트에서 각 요소가 무엇을 뜻하는 지 알려주는 언어 - tag를 이용해서 작성 - html은 tag로 이루어져있음 index.html - 웹 서버들이 index 파일을 제일 먼저 찾도록 설계되었기때문에 디폴트값으로 설정되어 있음 tag Content 내용 ex) Human tag의 종류 https://coding-with-jina.tistory.com/category/HTML ☜ 여기서 찾아보기 'HTML' 카테고리의 글 목록 차곡차곡 쌓아가는 역경과 고난의 삽질 기록장 coding-with-jina.tistory.com - 구글 크롬으로 하여금 이 문서가 html 문서임을 알려주는 태그 - self-co.. 2020. 5. 12. [HTML] 오디오/비디오 태그 2. 멀티미디어 2-1. 비디오 controls : 재생 버튼 생성 2-2. 오디오 2-3. 유투브 → 저작권 문제 등으로 동영상 실행이 잘되지 않음 2020. 5. 7. [HTML] Form 태그 2) 폼 : 값을 넘겨주는 태그 2.1 입력방식 form elements get : URL?key=value => 요청한 웹페이지에 나타남(보안취약/길이한정) post : 눈에 보이지 않지만 길이 제한 없으면 보안가능 2.2 전송양식 1. form & input 1-1. input : text 텍스트를 입력하세요. 1-2. input : password ID : PW : 1-3. input : radio 라디오1 라디오2 라디오3 라디오4 1-4. input : checkbox 체크박스1 체크박스2 체크박스3 체크박스4 체크박스5 1-5. select 선택 1 선택 2 선택 3 선택 4 1-6. button 버튼을 눌러주세요. 1-7. input : submit 텍스트를 입력하세요. : 3) 페이지 이동.. 2020. 5. 7. [HTML] list 와 table 1) 리스트/테이블 1.1 리스트 1. 리스트 1-1. dl / dt / dd 리스트 기본 용어1 -용어1에 대한 설명 여대 앞에 사는 남자 - 제가 좋아하는 재즈 제목 1-2. ul / ol / li 1-2-1. ul / li 순서없는 항목1 순서없는 항목2 순서없는 항목3 순서없는 항목4 순서없는 항목5 1-2-2. ol / li 순서있는 항목1 순서있는 항목2 순서있는 항목3 순서있는 항목4 순서있는 항목5 1.2 테이블 - 테이블에서 가로 줄을 열(row), 세로 줄을 행(column) - 태그는 행, 태그는 열을 표현 표이름 제목1 제목2 제목3 내용1 내용2 내용3 2. 테이블 2-1. 기본 출석확인표 날짜 이름 확인 19.02.03 최진아 ok 20.01.13 김영균 ok 2-2. 병합 2-.. 2020. 5. 7. [HTML] 공간분할 공간분할 1. 블록 [물리적 공간 분할] p는 블록입니다. div도 블록입니다. 헤더입니다. 내비게이션 섹션 내부 아티클1 사이드 Footer [결과] aside 아티클이 아닌 애들인데 꼭 옆에 있어야하는 것이 아니라 옆에 치우친거 float : 공간을 정해주는 것 clear : 어떤 영역에서는 영향을 받지 않게 하는 것 가장 자주 쓰이는 시맨틱 요소는 div와 span 2020. 5. 7. [HTML] style /이미지 /링크 태그 1) Style 태그 CSS 파일 말고도 폰트나 배경에 style을 주는 방법 글자 크기과 관련된 스타일입니다. 글자 색과 관련된 스타일입니다. 글자 위치와 관련된 스타일입니다. 2) 이미지 이미지 넣는 방법 이미지 경로(Path) URL(Uniform Resource Location) → 자원의 위치를 나타냄 URN(Uniform Resource Name) → 자원의 이름을 나타냄 ① 이미지 웹사이트에서 가지고 오기 → 웹사이트에서 이미지 주소복사 ② img 폴더 내 존재하는 이미지 가져오기 2. img 폴더 내 존재하는 이미지 가져오기 2-1. 절대경로로 가져오기 2-2. 상대경로로 가져오기 3) 링크 3. 링크 3-1. 네이버 바로가기(현재페이지에서 이동 target="_self") 3-2. 네이버.. 2020. 5. 7. 이전 1 2 3 다음 728x90 반응형
