a태그에서 일반적인 링크 이동 말고도 추가로 할 수 있는 것들이 있습니다. 오늘은 전화나 메시지, 메일 등에 관한 속성 값에 대해 알아보겠습니다. 1. 전화 걸기(안드로이드 운영체제) 엄밀히 말하면 메시지를 보내는 것은 아니고, 메시지 보내는 창을 띄워 주는 것입니다. 사용법은 하이퍼링크를 만들 때 사용했던 href=" "을 사용합니다. 따옴표 안에는 sms:전화번호 를 써주면 됩니다. 전화 문의하기 전화 문의하기 2. 메시지 보내기(안드로이드 운영체제) 메시지를 보내는 것도 전화와 마찬가지로 자동으로 문자가 보내지지는 않습니다. sms: 뒤에 전화번호를 적은 다음 &body= 뒤에 메시지를 보낼 내용을 적어주면 됩니다. 문자로문의하기 문자로 문의하기 3. 이메일 보내기 mailto: 뒤에 보내고 싶은 ..

오늘은 image 태그에 대해 알아보겠습니다. image태그는 말 그대로 이미지를 넣는 태그입니다. image태그는 br태그(줄 바꿈)와 같이 닫히는 태그가 없습니다. 1. src 속성 src 속성 안에는 가져올 파일의 경로를 지정할 수 있습니다. ** 따옴표를 빼먹지 않게 주의하세요. 2. 이미지의 폭과 높이 이미지의 폭과 높이를 정하기 위해서 우리는 width와 height를 사용할 수 있습니다.(단위:px) 위의 예제의 경우 test.jpg를 폭(넓이)은 460px, 높이는 400px로 설정한다는 뜻입니다. 만약 폭이나 높이중 하나의 크기만 설정할 경우 설정한 크기에 맞춰 1:1 비율로 바뀌게 됩니다. 3. alt 속성 alt 속성은 alternative(대안)에서 나왔으며 대체 문구를 설정하는 속..

우리는 웹사이트를 이용할 때 다른 페이지로 넘어가기 위해서 글자나 이미지를 클릭을 합니다. 이 때 사용하는 태그가 바로 a 태그 입니다. 웹사이트를 구성하는 가장 중요한 태그를 a태그라 해도 과언이 아닐 것입니다. 오늘은 우리 주변에서 가장 밀접한 태그, a에 대해 알아보겠습니다. 1. 다른 페이지로 이동 다른 페이지로 이동할 때는 href 속성을 이용합니다. 컨텐츠 href 뒤에 = 을 쓴 다음 ""를 붙이는 것을 잊지 마세요. 구글로 이동 구글로 이동 **방문하지 않았던 링크는 밑줄과 파란색** **방문했던 링크는 밑줄과 자주색** 2. 링크 클릭 시 파일 다운로드하기 링크를 클릭했을 때 특정 경로의 파일을 다운로드하고 싶다면 href="" 뒤에 download 를 덧붙이면 됩니다. 이미지 다운로드 ..

p태그는 paragraph에서 파생되었으며 HTML에서 문단을 나누는 역할을 합니다. 사용법은 대부분의 태그들처럼 열리는 태그와 닫히는 태그가 존재합니다. --내용-- p태그를 여러 개 쓸 경우 다음과 같이 문단을 나눠주는 것을 확인할 수 있습니다. 1문단: 어쩌고저쩌고저쩔라고어쩌고 저쩌고어쩌고어쩔라고저쩌고 2문단: 어쩌고저쩌고저쩔라고어쩌고 저쩌고어쩌고어쩔라고저쩌고 3문단: 어쩌고저쩌고저쩔라고어쩌고 저쩌고어쩌고어쩔라고저쩌고 문단이 잘 나눠지죠? 하지만 여기서 문제가 발생합니다. 저는 분명 코드에 줄 바꿈을 해서 썼는데 왜 코드는 줄 바꿈이 아니라 띄어쓰기라고 인식을 할까요? 그 이유는 HTML에서 코드상의 줄 바꿈은 인식하지 못하기 때문입니다. 이 문제를 해결하려면 줄 바꿈 태그인 태그를 써야 합니다. ..

HTML에는 여러 제목을 쓸 수 있는 태그들이 있습니다. 바로 h1, h2, h3, h4, h5, h6입니다. h1은 첫번째 제목, h2는 두번째 제목.....그렇게 6번째 제목까지 작성할 수 있습니다. heading 1 heading 2 heading 3 heading 4 heading 5 heading 6 그럼 다음과 같이 응용해 볼 수 있습니다. front-end html css javascript back-end php mysql

html 문서를 작성할 때 기본이 되는 틀이 있습니다. 저는 항상 아래의 내용을 기본으로 쓰고 시작합니다. 보면 매우 간단합니다. doctype 선언을 해주는 코드 html로 작성될 코드가 시작될 거라는 html의 머리 부분을 맡는 html의 몸 부분을 맡는 로 구성되어 있습니다. head 부분에는 실제 우리의 화면에 보이지 않는 것을 보통 담습니다. 이 웹사이트에 사용될 스크립트나 이 웹사이트의 설정들(?)을 담는 곳입니다. 우리는 우리의 웹사이트의 이름을 정해줘야 합니다. 이때 사용될 title 태그는 이 문서의 제목을 정해줍니다. ... 다음과 같이 웹브라우저 상단에 자신이 정한 제목이 뜨게 될 겁니다. 또, 우리는 메타데이터를 담는 meta 태그가 필요합니다. 여러 종류가 있지만 가장 많이 사용되..