컴퓨터공부

이미지의 중요성 문서를 작성하는 데 있어서 이미지란 참 중요한 요소가 아닐까 싶다. 모바일이나 PC를 통해 소셜이나 홈페이지 등등 여러 플랫폼을 이용할 때에 장황하게 길게만 적혀있는 글보다는 함축적인 내용을 담고 있는 이미지가 함께 있다면 더욱 시선이 끌리게 된다. 요즘 같은 시대에는 잘 만든 이미지 하나로도 브랜딩이 되는 시대이다. 차후에 필자 또한 자신만의 홈페이지를 직접 만들어보는 것이 주목적이기에 이미지 소스를 활용한 삽입 방법과 alt속성을 입력하는 방법에 대해서 우선적으로 살펴보려고 한다. 위의 사진의 경우에는 오늘 이미지 소스와 alt속성에 대해 알아가면서 사용해보려는 샘플이다. PC에 있는 파일에 경로를 지정해서 올려볼 예정이며 , 이미지 소스 및 경로를 확인하고 alt속성을 입혀 올리는 ..

vscode vscode는 비주얼 스튜디오 코드의 약자입니다. 앞으로 웹문서를 만들기 위해서는 vscode를 많이 이용할 텐데 텍스트를 입력하면서 사용하는 텍스트 관련 태그들을 몇 가지 적어보려 합니다. 저 또한 현재는 배워가는 단계이기 때문에 이번 포스팅에는 vscode에 많이 사용하면서도 기초적인 태그들 위주로 소개가 진행될 예정이지만 , 초보분들에게는 매우 유용한 텍스트 태그들이라 생각합니다. 소개하려는 순서는 h, p, br, b, mark 총 4가지이며 , 앞으로 계속 추가해보도록 하겠습니다. 정리하면 아래와 같습니다. 1. 웹문서임을 알림 2. 한국어 문서 3. 문자 인코딩 4. h,p,br 태그사용 5.b,mark 태그사용 1. 웹문서 알림 가장 먼서 모든 입력을 하기 전에 , 해당 문서가 ..

HTML5 태그연습 실전 웹문서 만들기 앞전의 포스팅들을 기록하면서 현재 나의 PC에는 웹문서를 만들기 위한 준비가 대략 끝났다고 볼 수 있다. 저번에 설치해 두었던 VS코드를 통해서 오늘은 서적 및 온라인 서칭을 통해 배운 기본적인 태그들을 토대로 직접 HTML5 태그연습을 통해서 웹문서 만들기 도전해 볼 예정이다. 대략적으로 오늘 시도해 보려는 구성은 아래와 같다. HTML5 문서임을 선언 한국어 문서임을 인지 시켜주는 태그 문자 인코딩 설정 (head 부분에 입력 ) 표시되는 화면의 타이틀 설정 제목 1줄 작성 글 1줄 작성 이전까지 작성했던 포스팅들과 태그 몇가지만 추가로 알게 된다면, 위의 6가지 항목 정도는 손쉽게 작성하여 직접 도메인에 파일을 올리고 눈으로 확인할 수 있을 것이다. 그렇기에 ..