HTML4 [HTML] 3. HTML 멀티미디어와 링크 HTML은 멀티미디어 콘텐츠와 링크를 쉽게 삽입하고 관리할 수 있는 다양한 태그들을 제공합니다. 이번 글에서는 이미지 삽입부터 오디오, 비디오까지 멀티미디어를 다루는 방법과 링크 걸기에 대해 자세히 알아보겠습니다. 1. 이미지 삽입하기 웹 페이지에 이미지를 삽입하기 위해 태그를 사용합니다. 태그의 속성 알아보기 태그는 다양한 속성들을 가지고 있습니다. 주요 속성들의 예시를 아래에 보여드립니다. src 속성: 이미지 파일의 경로를 지정합니다. alt 속성: 이미지가 표시되지 않을 때 대체 텍스트를 제공합니다. width 속성: 이미지의 가로 너비를 지정합니다. height 속성: 이미지의 세로 높이를 지정합니다. title 속성: 이미지 위에 마우스를 올렸을 때 나타나는 툴팁을 정의합니다. 2. 오디오 삽.. 2023. 7. 24. [HTML] 2. HTML 글자 관련 태그 HTML은 다양한 글자 관련 태그를 제공하여 텍스트를 다양하게 스타일링하고 강조할 수 있습니다. 이번 글에서는 몇 가지 대표적인 태그에 대해 알아보겠습니다. 1. 글 제목 만들기 글의 제목을 표현하기 위해 부터 태그를 사용할 수 있습니다. 숫자가 작을수록 큰 제목을 나타냅니다. 아래는 각 태그의 예시입니다. 제목 1 제목 2 제목 3 제목 4 제목 5 제목 6 2. 단락 나누기 텍스트를 단락으로 나누기 위해 태그를 사용합니다. 아래는 단락을 나타내는 예시입니다. 이것은 첫 번째 단락입니다. 이것은 두 번째 단락입니다. 3. 글자 두껍게 하기 글자를 두껍게 표시하기 위해 태그를 사용합니다. 아래는 글자를 두껍게 표시하는 예시입니다. 이것은 굵은 글자입니다. 4. 줄바꿈과 공백 삽입하기 줄바꿈을 하거나 공백.. 2023. 6. 23. [HTML] 1. HTML 문서 구조 홈페이지를 만드는 목적은 전반적인 HTML과 CSS의 이해를 통해 결과적으로 블로그를 꾸미는데 도움이 되는 것입니다. 즉 전문적으로 할 것 까지는 없기에 너무 깊게 파고들지 않을 생각이에요! 2023. 6. 23. [HTML] 0. 블로그 만들기. 시작한지 얼마 안됐기에 블로그 시작하면서 이거저것 검색을 했지요. 여러가지 블로그들을 방문하면서 '우왕 이쁘다 나도 저렇게 만들어야지.' 라는 생각이 머릿속을 스쳐 지나갔지 뭐에요 제가 이래뵈도 컴공과를 졸업 했기에 아주 예전 기억 저편 넘어에 웹페이지를 살짝 살짝 만들었던 기억이 있더라구요...! 대학교 시절 생각이 나면서 없던 창작 욕구가 뿜뿜 해서 시작해볼까 합니다...! 1. 작업 환경 셋팅 사용하는 브라우저 : 구글 Chrome 사용하는 프로그램 : Sublime Text 참고 교제 : Hello Coding HTML5+CSS5 크롬 브라우저 설치 - https://www.google.com/intl/ko_kr/chrome/ Chrome 웹브라우저 더욱 스마트해진 Google로 더 간편하고 안전.. 2023. 6. 23. 이전 1 다음 반응형
