본문 바로가기
반응형

html4

무료 웹호스팅 사이트 추천 & 사용법 웹 호스팅 사이트로 카페24를 많이 이용하시는데, 간만에 들어가보니 예전에는 공짜로 제공했던 웹 호스팅이 이제는 사라지고 다 유료이더라고요.ㅜ 홈페이지 만드는 연습 할 때나 사용할 건데 돈주고 쓰기엔 단 돈 얼마라도 아깝긴하네요ㅋㅋ; 그래서 무료 웹 호스팅 사이트를 찾아봤는데 국내에 한군데 있어서 추천드립니다. https://www.dothome.co.kr/ 닷홈 | 호스팅은 닷홈 닷홈은 도메인, 무료 웹호스팅, 웹빌더, 메일호스팅, SSL보안인증서, 서버호스팅, 코로케이션 등 다양한 호스팅 서비스를 제공하고 있습니다. www.dothome.co.kr 이곳은 무료로 웹 호스팅을 제공해 주더라고요ㅎ 웹호스팅 부분을 마우스 오버 하면 하위 메뉴가 나오는데 거기서 무료 호스팅을 클릭해 줍니다. ​ 트래픽 1일.. 2021. 10. 30.
margin(마진)과 padding(패딩)의 차이점 웹디자인을 배우게 되면 마진(margin)과 패딩(padding)을 자주 접하게 됩니다. 웹디자인을 하려면 기본적으로 개념을 알고 있어 하는데요. 간단하게 마진은 바깥여백, 패딩은 안쪽여백이라고 생각하시면 됩니다. 밑에 그림을 보시면 어느정도 감이 오실 거예요. margin을 적용하면 바깥여백을 준거기 때문에 영역과 함께 내용물이 같이 움직입니다. padding을 적용하면 안쪽여백을 준거기 때문에 영역 자체는 움직이지 않지만, 안에 내용물이 움직이게 됩니다. ​ 저는 처음에 마진 패딩이 헤깔려서 마(진) 패(딩)로 외웠습니다.. html 여백은 마패 순..마패..ㅎㅎ.. ​ 영상으로 예제도 만들었는데 짧은 영상이니 보시면 이해가 더 잘되실 거예요~ https://youtu.be/3LsIalL4d5c ↓ .. 2021. 10. 18.
HTML5 기초-시맨틱 태그 사용하는 이유 & 종류 시맨틱 태그를 사용하는 이유는 세가지 정도가 있습니다. 첫번째는 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목인지, 어느부분이 메뉴이고 본문인지를 쉽게 알 수 있기 때문입니다. 그래서 글을 소리로 알려주는 기계(스크린 리더기 등)를 사용하는 시각장애인이 사이트의 구조를 소리로 구분할 수 있게 해줍니다. ​ 두번째는 검색 엔진이 검색을 수행할 때에는 HTML 내에 있는 태그를 분석하는데, 태그들의 의미가 분명하다면 검색 엔진 입장에서 구분하기가 쉬워지기 때문입니다.(description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다.) ​ 세번째는 코드 가독성 및 유지보수가 쉬워지기.. 2021. 9. 26.
HTML5 기초 -HTML5의 기본 구조 안녕하세요 웹 표준인 HTML5의 기본적인 구조에 대해 알아보겠습니다. 위에 태그들이 html5의 기본적인 구성인데요, 인터넷에 실행시키면 아래와 같이 결과가 나옵니다. 그럼 하나하나 의미를 한번 알아보겠습니다. 모든 HTML5 문서에 써야 되는 태그입니다. DOCTYPE 선언은 html태그를 쓰기 앞서 선언되어야 합니다. html 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문으로 대,소문자를 구분하지 않습니다. html 문서의 시작을 선언하는 태그 html 뒤의 lang="ko"의 의미 : lang 설정과 접속자 브라우저의 언어 설정이 다른 경우, 자동번역 인터페이스 뜨게 설정. ​ 한국어 : ko 영어 : en 중국어 : zh 일본어 : ja 독일어 : de 프랑스어 : fe 스페인어 .. 2021. 9. 25.
반응형