전체 글6 [HTML] 3. HTML 멀티미디어와 링크 HTML은 멀티미디어 콘텐츠와 링크를 쉽게 삽입하고 관리할 수 있는 다양한 태그들을 제공합니다. 이번 글에서는 이미지 삽입부터 오디오, 비디오까지 멀티미디어를 다루는 방법과 링크 걸기에 대해 자세히 알아보겠습니다. 1. 이미지 삽입하기 웹 페이지에 이미지를 삽입하기 위해 태그를 사용합니다. 태그의 속성 알아보기 태그는 다양한 속성들을 가지고 있습니다. 주요 속성들의 예시를 아래에 보여드립니다. src 속성: 이미지 파일의 경로를 지정합니다. alt 속성: 이미지가 표시되지 않을 때 대체 텍스트를 제공합니다. width 속성: 이미지의 가로 너비를 지정합니다. height 속성: 이미지의 세로 높이를 지정합니다. title 속성: 이미지 위에 마우스를 올렸을 때 나타나는 툴팁을 정의합니다. 2. 오디오 삽.. 2023. 7. 24. BIOS 부팅 vs UEFI 부팅 지난번 언급했던 MBR, GPT와 아주아주 연관성이 깊은 BIOS 부팅과 UEFI 부팅에 대해서 알아보고 싶어 졌습니다. 사실 지난번 다루었던 MBR, GPT를 접하기 전에 먼저 만났던 친구들이었습니다. 제 PC 파티션을 분할하는 날이었는데 기본값이 UEFI 더라구요. 처음 보는 친구였으니 자료를 조사 해봤고 해당 정보를 익히기 위해서 필요한 친구들이 MBR, GPT였기에 먼저 다루어봤습니다. 오늘은 본격적으로 제가 궁금했던 정보들이라 더욱 즐겁게 공부할 수 있었습니다. BIOS 부팅, UEFI 부팅이란? - BIOS 부팅 BIOS (Basic Input/Output System) 부팅은 컴퓨터 시스템이 부팅하는 방식 중 하나입니다. BIOS는 초기 컴퓨터 시스템에서 사용되던 레거시 부팅 기술로, 컴퓨터.. 2023. 7. 20. MBR vs GPT 비교 자신의 PC를 오랜 기간동안 다루다 보면 저장장치에 대해서 한번쯤은 관심을 가졌을 겁니다. 그것이 포멧이 됐든, 저장장치 추가 증설이 됐든, 파티션 분할이 됐든 해당 과정들을 진행하다보면 반드시 맞이하게 되는 친구들이 있는데 바로 MBR, GPT 입니다. 처음 이 친구들을 만났을 땐 별 생각 없이 다음 단계로 넘어갔지만 문득 생각해보니 각각의 대해 궁금해져서 같이 알아보는 시간을 가졌으면 좋겠습니다. MBR, GPT 란? - MBR MBR (Master Boot Record)은 하드 디스크의 첫 번째 섹터에 위치한 특정 데이터 구조입니다. MBR은 레거시 BIOS (Basic Input/Output System) 시스템에서 사용되는 파티션 테이블 형식을 나타내며, 부팅 가능한 디스크의 기본 부트 로더와 .. 2023. 7. 10. [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 다음 반응형
