본문 바로가기

기록/수업정리_html

Web Font 적용, text 스타일 요소
Web Font 적용, text 스타일 요소 2024. 6. 4. - 웹 폰트 사용하기 https://www.w3schools.com/ W3Schools Online Web TutorialsW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.www.w3schools.com html 사이트 _ 코딩 관련 사용되는 사이트 이기 때문에 자주 와서 여러가지 속성이나 코드들을 볼 수 있다.각각 폰트 파일을 지원하는 브러우저들에 대한 표이고 'woff2' 파일이 많은 브라우저를 넓게 ..
멀티미디어 태그, CSS_1
멀티미디어 태그, CSS_1 2024. 6. 3. - 멀티미디어 태그  - 동영상 태그 src 로 경로를 지정해주면 동영상이 등록되게 되는데 이때 자동재생이 되거나 하진 않고 영상을 우클릭하여 모든 제어 기능을 표시하면 재생 버튼이 만들어 진다.이전에는 읽는 확장자가 다 달라서 여러가지 확장자를 기입해 놓았다. 그중에서 해당 브라우저가 읽을 수 있는 확장자를 읽어서 내보내준다. 여기선 mp4를 먼저 읽었다. (하나의 태그 안에 여러 동영상을 넣어도 해당되는 것 하나만 적용되게 된다.) autoplay - 자동재생 (동영상에 소리가 들어가 있을 경우 재생이 되지 않는다.)muted - 자동재생을 위해서 소리를 없애는 태그loop - 동영상 반복재생 (짧은 동영상을 반복적으로 재생하여 페이지 로딩시간을 줄이기 위해서) preload - 동영상을 재생할 때 ..
html_이미지 삽입, 링크 태그
html_이미지 삽입, 링크 태그 2024. 5. 31. 이미지 삽입 태그 : 단일태그 img src="그림파일명" / alt="설명글"(화면 리더기를 사용하는 경우 접근성을 높일 수 있다.) / title="풍선도움말로 텍스트가 나옴" / width="200px" : 이미지 가로 / height="400px" : 이미지 세로./ : 같은 폴더에서 꺼내겠다 원하는 폴더 엔터 - 이미지 엔터alt 는 설명 gif 는 색상이 단순한 애니메이션 파일 title : 해당 이미지의 설명으로 이미지에 커서를 가져다 대면 설명이 나오게 된다. 이미지에 대한 경로를 제대로 설정하지 않으면 깨진 이미지로 표시 되고 지정한 이름만 뜨게 된다.width : 이미지의 가로 크기 설정 / 이때 세로는 따로 설정하지 않는 이상 가로의 크기에 맞게 설정된다.이미지 태그는 inline태그..
html_개요
html_개요 2024. 5. 30. 시작 끝(문단) 현재는 자동으로 끝이 지정되는데 그러지 않게 설정 (자동으로 설정해 놓으면 코딩내용이 길어지다보면 꼬이게 된다.)마우스 휠을 사용해 크기조절 설정폴더를 오픈한 상태에서 해야 작업이 진행된다. (라이브 서버에서 열리도록 하여서 작업 상황을 확인할 수 있도록) - HTML 문서 저장시 주의할 점파일저장시 영문만 사용 (소문자) - 서버에서 인식을 하지 못해서 오류가 발생할 수 있다.숫자로 시작하면 안된다. (ex_1test.html / 111.html - X)띄어쓰기하지 않는다. (ex_test 1.html - X / test_1.html - O)특수문자 사용해선 안된다. (ex_test^^.html - X)사이트의 첫번째 문서는 index.html로 저장해야 한다.저장한 파일이 열리게 되면..
HTML_기본 설정
HTML_기본 설정 2024. 5. 29. 코딩 프로그램 Visual Studio Code 편하게 작업 하도록 하기 위한 프로그램부터 셋팅한다. - live server (현재 진행중인 작업을 바로 확인이 가능하다)- Auto Rename Tag (태그를 자동으로 보여주는 프로그램) 왼쪽 하단 설정 버튼으로 기본설정 vs 코드 - 로컬 컴퓨터에서 디자인 한걸 웹으로 구현 > 리모트 서버에 업로드 하여야 다른 사람들도 확인이 가능해진다. 닷홈 :  무료로 ip를 받아서 사용 할 수 있다. 작업한 html 파일을 올려 (index, sub...) 사이트를 제작할 수 있다. FileZilla - 만든 html 파일을 local컴퓨터에서 나의 사이트에 바로 올릴 수 있게 할 수 있다. 다만 처음 시작할때 폴더를 연결 해두어야 오류없이 사이트가 연결이 된..

티스토리툴바