전체 글19 html 이미지 사이즈 조정 크기조정 하는 방법 이번에는 이미지의 사이즈를 조정하는 방법을 알아보겠습니다. Image Resizing Example 예시의 width와 height를 통해서 가로 세로의 크기를 지정해주어 사진의 사이즈를 조정해줍니다. 그럼 사이즈를 바꿔보도록 하겠습니다. 현재는 width="300" height="200"인데요. 500*500사이즈로 바꿔보겠습니다. Image Resizing Example 이렇게 수치를 바꿔주며 원하는 사이즈로 이미지의 크기를 조정해 줄 수 있습니다. 2023. 6. 13. html 이미지 삽입 방법 이번에는 태그와 src속성을 사용해서 HTML에 이미지를 삽입해 보겠습니다. Image Insertion Example 원래는 이미지가 표현되어야 하지만 그냥 예시라 이미지 표시만 나왔습니다. ^^ 이미지를 넣을 때는 태그를 사용합니다. src속성은 이미지의 소스나 URL을 지정합니다. 따라서 의 형태로 사용합니다. 이미지에 대한 텍스트를 제공하기 위해 alt속성도 추가해 줍니다. 간략하고 설명적인 텍스트를 넣어주는 것이 좋습니다. ※ 텍스트 추가시 주의점 - 설명적이지만 간결하게! 중요한 정보!! 중복되거나 관련없는 정보는 피할 것!!! 여기서 TIP 이미지에도 URL주소가 생기기 위해서는 어딘가에 올려져야 하는데요. 우리는 Tistory 블로그를 활용해서 주소를 만.. 2023. 6. 13. HTML 텍스트 서식 글자 꾸미기 <strong>,<em>,<u> HTML에서는 , , 태그를 사용해서 텍스트 서식을 지정할 수 있습니다. 이번에도 예시를 들어보겠습니다. Text Formatting Example This is strong text. This is emphasized text. This is underlined text. This is a combination of strong emphasized text. 지금은 우리가 선택만 하면되지만, 이런게 모두 HTML로 직접 지정해 줄 수도 있는 모양이었습니다. 태그는 텍스트를 강하거나 굵은 스타일로 표현하기 위해 사용합니다. 태그는 포함된 텍스트를 이탤릭체로 표시하여 강조합니다. 태그는 텍스트에 밑줄을 긋는데 사용합니다. 위 예시는 CHAT GPT가 짜준 HTML이었는데요. 마지막 문장에 밑줄까지 한번 넣.. 2023. 6. 12. html 하이퍼링크 새탭, 새창으로 열기 방법 이전에는 태그를 사용하여 링크로 연결하는 방법을 알아보았습니다. 이번에는 링크를 연결하되, 새 탭이나 새 창으로 여는 방법을 알아보겠습니다. Link Opening in New Tab/Window Example Open Example.com in a New Tab/Window 이전 시간과 다른 태그라면 target이라는 것이 보이실 것입니다. 태그에 target="_blank" 속성을 추가하였습니다. _blank 값은 클릭하면 링크가 새탭에서 열리도록 하는데 사용합니다. target은 _blank이외에도 다른 속성을 사용할 수 있습니다. _self : 동일한 탭이나 창에서 링크가 열림 _blank : 새 탭이나 창에서 링크가 열림 _parent : 사용가능한 경우 상위프레임에서 링크가 열림 _top : .. 2023. 6. 12. 이전 1 2 3 4 5 다음
