Web
-
HTML Img 태그는 웹 페이지에서 이미지를 표시하기 위해 사용되는 핵심 요소입니다. 이 태그를 올바르게 활용하면 웹 페이지의 시각적인 품질을 향상시키고 사용자 경험을 개선할 수 있습니다. 이 글에서는 HTML Img 태그의 사용법에 대해 자세히 알아보겠습니다. HTML Img 태그 HTML Img 태그는 다음과 같이 사용됩니다: src 속성 src 속성은 웹 페이지에서 사용할 이미지의 경로를 지정합니다. 이 속성에는 이미지 파일의 URL이나 상대 경로를 사용할 수 있습니다. 예를 들어: 또는 상대 경로를 사용할 수도 있습니다: alt 속성 accessibility(접근성) alt 속성은 이미지에 대한 대체 텍스트를 제공하는 중요한 역할을 합니다. 이는 스크린 리더가 사용되는 시각 장애인이나 이미지 로..
HTML <Img> 사용HTML Img 태그는 웹 페이지에서 이미지를 표시하기 위해 사용되는 핵심 요소입니다. 이 태그를 올바르게 활용하면 웹 페이지의 시각적인 품질을 향상시키고 사용자 경험을 개선할 수 있습니다. 이 글에서는 HTML Img 태그의 사용법에 대해 자세히 알아보겠습니다. HTML Img 태그 HTML Img 태그는 다음과 같이 사용됩니다: src 속성 src 속성은 웹 페이지에서 사용할 이미지의 경로를 지정합니다. 이 속성에는 이미지 파일의 URL이나 상대 경로를 사용할 수 있습니다. 예를 들어: 또는 상대 경로를 사용할 수도 있습니다: alt 속성 accessibility(접근성) alt 속성은 이미지에 대한 대체 텍스트를 제공하는 중요한 역할을 합니다. 이는 스크린 리더가 사용되는 시각 장애인이나 이미지 로..
2023.06.09 -
Udemy 는 저렴하게 온라인 강의를 들을 수 있는 유용한 사이트이다. 다만, 해외에서 만들어진 사이트 특성상 한국어로 된 강의가 많지 않아, 영어로 강의를 시청해야하는 경우가 많다. 영어 자막으로 한국어를 번역하고 싶은데, 구글 번역기 자동으로 돌리면 새로운 자막이 나올때마다 다시 영어로 돌아가는 경우가 있다. 이럴 때 개발자 도구를 통해서 콘솔로그 창에 해당 스크립트 입력해주면 자동적으로 영어 자막을 구글 번역기를 통해서 한국어로 계속해서 볼 수 있다. 코드 if(typeof window.i!=='undefined'){clearInterval(window.i)}else{let lastText='';function check(){let toEl=$('.well--container--2edq4 span'..
Udemy 자막 자동으로 한국어로 번역하기Udemy 는 저렴하게 온라인 강의를 들을 수 있는 유용한 사이트이다. 다만, 해외에서 만들어진 사이트 특성상 한국어로 된 강의가 많지 않아, 영어로 강의를 시청해야하는 경우가 많다. 영어 자막으로 한국어를 번역하고 싶은데, 구글 번역기 자동으로 돌리면 새로운 자막이 나올때마다 다시 영어로 돌아가는 경우가 있다. 이럴 때 개발자 도구를 통해서 콘솔로그 창에 해당 스크립트 입력해주면 자동적으로 영어 자막을 구글 번역기를 통해서 한국어로 계속해서 볼 수 있다. 코드 if(typeof window.i!=='undefined'){clearInterval(window.i)}else{let lastText='';function check(){let toEl=$('.well--container--2edq4 span'..
2020.10.25 -
구글 블로그에는 타블로그와 같이 메인화면 글을 간략하게 해주는 기능이 따로 없습니다. 따라서 구글 블로그 메인화면은 보통 작성하신 포스팅이 그대로 메인에 위치하여 포스팅 길이가 길면 스크롤의 압박이 심한데요. 따라서 구글 블로그 메인화면에 올라와져있는 포스팅을 간략하게 표기하기(Read more) 기능에 대해서 알아보도록 하겠습니다. 1. 먼저 구글 블로그 관리자화면에서 '테마'를 클랙해주신 다음 'HTML 편집' 눌러줍니다. 2. 'Ctrl + F' 키를 눌러 검색창에 "를 넣고 엔터를 누르면 검색이 되는데, 여기서 중요한 것은 두번째 로 이동하세요. 위에는 라는 태그가 있을 것입니다 3. 란을 찾으셨다면 를 지우신 다음에 아래의 코드를 삽입합니다. b:if cond='data:blog.pageType..
구글 블로그 메인화면 간략하게 표기하기 (Read more)구글 블로그에는 타블로그와 같이 메인화면 글을 간략하게 해주는 기능이 따로 없습니다. 따라서 구글 블로그 메인화면은 보통 작성하신 포스팅이 그대로 메인에 위치하여 포스팅 길이가 길면 스크롤의 압박이 심한데요. 따라서 구글 블로그 메인화면에 올라와져있는 포스팅을 간략하게 표기하기(Read more) 기능에 대해서 알아보도록 하겠습니다. 1. 먼저 구글 블로그 관리자화면에서 '테마'를 클랙해주신 다음 'HTML 편집' 눌러줍니다. 2. 'Ctrl + F' 키를 눌러 검색창에 "를 넣고 엔터를 누르면 검색이 되는데, 여기서 중요한 것은 두번째 로 이동하세요. 위에는 라는 태그가 있을 것입니다 3. 란을 찾으셨다면 를 지우신 다음에 아래의 코드를 삽입합니다. b:if cond='data:blog.pageType..
2017.08.18 -
블로그, 티스토리 방문자를 늘려보자 1편! - 카페를 활용해라 - 오늘은 온라인 마케팅 1편, 방문자 수 늘리기 편을 설명드리고자 합니다. 오랫동안 블로그를 해오다가 최근 들어서 블로그 활동을 열심히 하고 있습니다. 몇 일 사이에 방문자 수가 10여번에서 100번 넘는 방문자 수가 늘었습니다. (물론 아직 초기 단계라 천을 넘기지 못하고 있습니다만, 블로그 특성상 이는 계속해서 증가하고 있을 것으로 보입니다) 우선 개인적으로 네이버 블로그와 구글 티스토리를 2개를 연동하고 있습니다. 국내 시장의 경우 아시다시피 압도적으로 네이버가 압도하고 있지만 다음이나 구글 노출의 경우 티스토리가 더 유용하기 때문인데요. 그래서 포스팅을 할때 두가지 동시에 포스팅을 하여 시간을 단축하고, 무엇보다도 중요한 점은 이미지..
블로그, 티스토리 방문자 늘리기블로그, 티스토리 방문자를 늘려보자 1편! - 카페를 활용해라 - 오늘은 온라인 마케팅 1편, 방문자 수 늘리기 편을 설명드리고자 합니다. 오랫동안 블로그를 해오다가 최근 들어서 블로그 활동을 열심히 하고 있습니다. 몇 일 사이에 방문자 수가 10여번에서 100번 넘는 방문자 수가 늘었습니다. (물론 아직 초기 단계라 천을 넘기지 못하고 있습니다만, 블로그 특성상 이는 계속해서 증가하고 있을 것으로 보입니다) 우선 개인적으로 네이버 블로그와 구글 티스토리를 2개를 연동하고 있습니다. 국내 시장의 경우 아시다시피 압도적으로 네이버가 압도하고 있지만 다음이나 구글 노출의 경우 티스토리가 더 유용하기 때문인데요. 그래서 포스팅을 할때 두가지 동시에 포스팅을 하여 시간을 단축하고, 무엇보다도 중요한 점은 이미지..
2017.06.22