인공지능 개발자 수다

[HTML] 링크와 이미지 태그

1. 개요웹페이지에서 다른 문서로 이동하거나 이미지를 보여주는 기능은 사용자의 경험을 크게 향상시킨다.이러한 기능은 HTML의 태그(하이퍼링크)와 태그(이미지 삽입)를 통해 구현할 수 있다.이번 글에서는 이 두 태그의 기본 사용법과 함께, 실전에서 유용한 다양한 활용법까지 다룬다. 2. 내용2.1. 링크 태그 기본 구조링크 텍스트href: 이동할 주소를 지정하는 필수 속성이다.target="_blank": 링크를 새 탭에서 열도록 한다.title: 링크에 마우스를 올렸을 때 나타나는 힌트(툴팁)를 지정한다.download: 파일을 다운로드하도록 만든다. 예시 코드 공식 홈페이지 이력서 다운로드 내부 링크 (문서 내 이동)문의하기문의 섹션으로 이동 2.2. 이미지 태그 기본 구조src: 이미지 경로..

[HTML] 주석과 텍스트 관련 태그

1. 개요이번 시간에는주석과텍스트 관련 태그에 대해 공부해 보자2. 주석아래와 같은 형태로 주석을 사용하면코드 실행에는 적용되지 않는 메모를 할 수 있음 3. 텍스트 태그3.1. 제목 태그(Heading tags)HTML에는 제목을 표현하는 6가지 태그가 있음 ~ 형태로 작성, 숫자가 작을수록 크고 중요한 제목가장 큰 제목입니다두 번째 제목세 번째 제목네 번째 제목다섯 번째 제목가장 작은 제목 3.2. 문단 태그 ()일반적인 본문 텍스트나 설명을 쓸 때 사용이것은 하나의 문단입니다.문단은 자동으로 줄바꿈이 됩니다. 3.3. 줄바꿈 태그 ()한 줄만 바꾸고 싶을 때 사용 줄바꿈이 필요할 때는 이렇게 태그를 사용합니다. 3.4. 수평선 태그 ()내용을 구분할 때 사용하는 수평선(horizontal r..

[HTML] HTML5 처음 시작하기

1. HTML5 란HTML은 HyperText Markup Language의 약자현재는 버전 5를 사용웹 페이지의 구조(뼈대)를 만드는 마크업 언어텍스트, 이미지, 버튼, 링크, 폼 등 웹에 보이는 모든 요소를 태그(tag)를 사용해 정의 2. 실행 환경필자는 webstorm 에서 개발을 진행할 예정이다.JavaScript & TypeScript를 위한 IDE로비영리로는 무료로 사용 가능하며, 다양한 편의 기능을 클릭 한번으로 사용할 수 있다. WebStorm: The JavaScript and TypeScript IDE, by JetBrainsMake development more productive and enjoyable with WebStorm, the IDE for JavaScript and r..