본문 바로가기

Web/HTML9

HTML의 Link속성 오늘은 HTML에서 링크를 걸 수 있는 태그를 알아보려고 해요. 링크란 해당 글씨에 링크를 걸어서 글자를 클릭해서 다른페이지로 넘어가는 것을 말합니다. 링크를 걸 수 있는 태그는 태그 입니다. 기본 문법은 text or Image 이런 식으로 사용하면 됩니다. 새로운 창에서 해당 링크를 띄우고 싶다면 뒤에 target="_blank"만 추가로 입력해주면 됩니다. 새창에서 보이기 입니다!! 제가 텍스트나 이미지를 넣는다고 했는데요 이미지는 다음에 포스팅하도록 하겠습니다. 2017. 3. 2.
HTML 글씨체 오늘은 HTML의 글씨체에 대해서 알아볼께요~! HTML에서 글씨를 쓰는 법은 배우셨죠~? ~ 부분에다가 썼었는데요 Font 태그부터 알아보도록 하겠습니다. Font태그는 이렇게 사용하는데요 font태그는 텍스트의 사이즈, 색상, 글꼴을 설정할 수 있습니다 문자의 크기 : 문자의 색상 : 문자의 글씨체 : 문자의 두께 : 문자를 이탤릭체 : 문자에 윗줄 : 문자에 취소선 : 문자에 밑줄 : 폰트의 자간 늘리기 : 폰트의 띄어쓰기 간격 : 폰트 태그 하위속성에는 size, color, face가 있습니다. 이들은 각각 문자 크기, 문자 색상, 글씨체를 나타냅니다. 이런방식으로 사용할 수 있습니다. 굵은 글씨 처리는 이텔릭처리는 밑줄 처리는 로 간단하게 태그를 걸수도 있습니다. 2017. 3. 2.
HTML 태그 - 1 HTML 태그 1 기본적인 태그들 ( 문서의 기본 구조를 나타내는 태그 ) 을 배워 볼 텐데요 앞에서 말씀드렸듯이 와 만 알면 80%는 알았다고 해도 과언이 아니라고 할 수 있습니다. 그러니 너무 겁먹지 마시고 따라와 보세요!!ㅎㅎ 먼저 문서의 기본 구조를 나타내는 태그들을 배워 보도록 하겠습니다. 위의 사진과 같이 문서의 기본 구조를 나타내는 태그들은 크게 이렇게 있습니다. 형 식 내 용 ... HTML 언어로 작성되어 있다는 것을 알려줍니다. Heading의 준말로 글의 머리말에 해당합니다. ... 타이틀바에 새겨질 글자를 정의합니다. ... 본문에 해당하는 부분을 알려줍니다. ... 본문 밑부분에 나타나게 하는 태그입니다. 주석을 달거나 잠시동안 이미지를 보이지 않게 할 때 사용합니다. 글의 형식에.. 2017. 1. 12.
HTML 문법 HTML의 문법 이번엔 HTML의 문법에 대해서 알아보도록 하겠습니다. HTML의 문법은 정말 간단한데요....ㅎㅎ 와 만 알고있으면 문법 끝입니다!! 예를들어 이라는 태그를 사용하려면 안에 내용을 쓰고 마지막 부분에 끝태그인 만 써준다면....모든 것이 끝입니다^^ㅎㅎ 그럼이제 예를 들어 볼까요...?ㅎㅎ 제가 사용하는 에디터인 Atom 에서는 먼저 파일이름.html 이라는 파일을 만든후 html 이라고 단어를 치면 다음과 같이 나오게 됩니다. 그러고 나서 Caps Lock 위에 버튼은 Tab 버튼을 누르게 되면 다음과 같은 화면으로 바뀌면서 HTML문서를 작성할 준비가 다 된겁니다. 위에 소스를 자세히 보시면 의 끝에는 태그의 끝에는 라고 쓰여있음을 알 수 있습니다. 더 자세히 살펴보면 의 태그 안에.. 2017. 1. 11.