'개인공부/HTML5 + CSS3' 카테고리의 글 목록 (9 Page)

본문 바로가기

[HTML+CSS][폼 관련 태그들] 02 - 사용자 입력을 위한 <input> 태그 [HTML+CSS][폼 관련 태그들] 01 - 폼(form) [HTML+CSS] [이미지와 하이퍼링크] 03 - SVG 이미지 [HTML+CSS] [이미지와 하이퍼링크] 02 - 링크 태그 [HTML+CSS] [이미지와 하이퍼링크] 01 - 이미지 태그 [HTML+CSS] [텍스트 관련 태그] 04 - 표를 만드는 태그.. onelight-stay.tistory.com 태그에 대해서 배웠다면 폼 안에서 사용자가 내용을 입력하는 부분에 직접 사용되는 태그와 type속성들에 대해서 알아보자. - 폼에서 사용자 입력받기 위해 사용하는 태그 폼은 크게 사용자가 내용을 입력하는 부분과 입력 내용을 서버로 전송하는 부분이 있는데 은 한 줄짜리 텍스트나 비밀번호를 입력하고 버튼을 클릭하는 것들을 만든다고 보면 된다... 2020. 6. 17.

[HTML+CSS][폼 관련 태그들] 01 - 폼(form) [HTML+CSS] [이미지와 하이퍼링크] 03 - SVG 이미지 [HTML+CSS] [이미지와 하이퍼링크] 02 - 링크 태그 [HTML+CSS] [이미지와 하이퍼링크] 01 - 이미지 태그 [HTML+CSS] [텍스트 관련 태그] 04 - 표를 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 03 - 목록을 만드는.. onelight-stay.tistory.com 일상에서 우리는 홈페이지에서 로그인 창을 흔히 접할 수 있는데 이것들이 바로 '폼'으로 구성되어 있다. 이러한 폼들의 구조에 대해서 알아보고 폼의 형태를 만들어주는 태그에 대해서 알아보자. 폼 태그에 대해서 알기 전에 폼의 동장 원리에 대해서 간단히 알아보자면 사용자가 브라우저를 열어 아이디와 비밀번호를 입력하고 [로그인] 버튼을 눌렀.. 2020. 6. 16.

[HTML+CSS] [이미지와 하이퍼링크] 04 - 연습문제 01 이미지 삽입하기 02 포털 사이트 Daum으로 연결하기 03 포털 사이트 Daum으로 연결하기 Do it! HTML5+CSS3 웹 표준의 정석 ※ 해당 글은 습득 목적으로 작성된 글입니다 ※ 2020. 6. 15.

[HTML+CSS] [이미지와 하이퍼링크] 03 - SVG 이미지 [HTML+CSS] [이미지와 하이퍼링크] 02 - 링크 태그 [HTML+CSS] [이미지와 하이퍼링크] 01 - 이미지 태그 [HTML+CSS] [텍스트 관련 태그] 04 - 표를 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 03 - 목록을 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 02 - 인라인.. onelight-stay.tistory.com 기본적인 이미지들을 태그를 통해서 삽입하는 방법을 알았으니 SGV 이미지를 삽입하는 방법을 알아보자. SVG(Scalable Vector Graphics) -자연스럽게 크기 조절이 가능한 이미지- 기존에 jpg, png, gif 파일 같은 경우엔 작은 이미지를 크게 확대할 경우 이미지 테두리 부분이 울퉁불퉁 해지면서 화질이 깨지는 듯한 이.. 2020. 6. 14.

[HTML+CSS] [이미지와 하이퍼링크] 02 - 링크 태그 [HTML+CSS] [이미지와 하이퍼링크] 01 - 이미지 태그 [HTML+CSS] [텍스트 관련 태그] 04 - 표를 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 03 - 목록을 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 02 - 인라인 레벨 태그 [HTML+CSS] [텍스트 관련 태그] 01 - 블록.. onelight-stay.tistory.com 지난번 이미지를 삽입하는 과정에 대해서 알았다면 이번에는 이미지나 텍스트를 클릭해 또 다른 페이지로 넘어가는 링크에 대해서 알아보자. - 링크 이미지나 문서를 클릭할 경우 다른 페이지로 넘어가는 효과를 나타나게 해주며, 텍스트에 효과를 주면 텍스트 링크가 되고 이미지에 효과를 넣었을 시에 이미지 링크가 된다. 또한 에 사용되는 속성들도.. 2020. 6. 13.

[HTML+CSS] [이미지와 하이퍼링크] 01 - 이미지 태그 [HTML+CSS] [텍스트 관련 태그] 04 - 표를 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 03 - 목록을 만드는 태그 [HTML+CSS] [텍스트 관련 태그] 02 - 인라인 레벨 태그 [HTML+CSS] [텍스트 관련 태그] 01 - 블록 레벨 태그 [HTML+CSS] [HTML 기본 다지기] 05 - 엔티티.. onelight-stay.tistory.com 기존에 배운 텍스트로만 홈페이지를 제작했을 때 다소 밋밋하고 지루한 사이트가 만들어질 것이다. 이번에는 이미지를 삽입하는 태그에 대해 배우고 홈페이지를 좀 더 다채롭게 만들어 보도록 하자. - 이미지 삽입 웹 문서에서 이미지를 삽입할 때 사용하는 태그로 다양한 속성으로 값을 맞추어 이미지를 삽입할 수 있다. - src 속성 - .. 2020. 6. 12.

이전 1 ··· 6 7 8 9 10 11 다음

티스토리툴바