728x90

html 5

[HTML] <a> 태그 사용방법 ! <a href=""></a>

태그는 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용합니다. 이러한 태그에서 가장 중요한 속성은 바로 링크(link)의 목적지를 가리키는 href 속성입니다. 링크는 모든 브라우저에서 다음과 같은 기본 스타일을 가지게 됩니다. - 아직 방문하지 않은 링크(unvisited link) : 밑줄, 파란색(blue) - 방문했던 링크(visited link) : 밑줄, 보라색(purple) - 활성화된(현재 마우스가 클릭하고 있는) 링크(active link) : 밑줄, 빨간색(red) 긁지않은개발자 블로그 이동! 실행 결과 링크가 생긴다. 클릭시 페이지가 이동한다. 직접 클릭해 보세요 ! HTML 삽입 미리보기할 수 없는 소스

[프로그램] JavaScript(자바스크립트),HTML, 이용해서 계산기 만들기

JavaScript(자바스크립트),HTML, 이용해서 계산기 만들기 계산기 만들기는 몇번 만들어봤는데 alert창에 입력해서 계산하거나 웹페이지에서 숫자 입력해서 만들어는데 이번에는 틀까지해서 만들어볼까 한다..ㅎㅎ 계산기했을때 생각나는 모양이 연산자랑 숫자만 생각나서 대충 틀만 잡아서 만들고나니 이렇게 나왔다.(미흡.,) 근데 만들다 보니 욕심이 생겨서 계산기 틀을보고 다시 모양부터 잡아보자 하고 구글에 계산기라고 쳐서보니 아래 사진 처럼 나왔다. (진작에쳐볼걸싶었다. 뭐든 만들기 전에는 틀을 잡아서 계산해서 만들어야겠다고 다시한번 느꼈다.) 왼쪽은 빼고 오른쪽 모양 틀만 잡아서 만들어볼려고 한다. 실행했을때 이렇게 나왔다 . 아까보다 더 만족스럽다. 자바스크립트 코드도 넣어서 입력도 되게 만들고, 좀..

[HTML] HTML 서식 기본

HTML 서식 기본 강조 효과 HTML 문서에서 텍스트를 굵게 표현하고 싶을 때에는 태그(bold text)나 태그를 사용하면 됩니다. 태그는 단순히 화면의 텍스트를 굵게 표현해 줍니다. 하지만 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다. HTML 문서에서 이탤릭체를 표현하고 싶을 때에는 태그(italic text)나 태그(emphasized text)를 사용합니다. 예제) b태그와 strong태그의 차이점 "이 부분"은 단순히 글씨가 굵은 부분이에요! "이 부분"은 중요한 부분이라서 굵게 표현됐어요! 실행 결과

HTML/HTML 정리 2023.05.30

[HTML] HTML form 내부 태그와 속성들( input, textarea, label, select)

HTML form 내부의 태그와 속성들 ( input, textarea, label, select) 태그 입력 양식 전체를 감싸는 태그로, 텍스트/버튼/라디오 등의 컨트롤 요소 (control element)로 구성된다. ​ name : form의 이름, 서버로 보내질 때 이름의 값으로 데이터 전송 action : form이 전송되는 서버 url 또는 html 링크 method : 전송 방법 설정. get은 default, post는 데이터를 url에 공개하지 않고 숨겨서 전송하는 방법 autocomplete : 자동 완성. on으로 하면 form 전체에 자동 완성 허용 예제) 태그 ​ 태그 속성 type : 입력 형식 name : 서버로 전송되는 데이터 이름​ 태그 유형 (type 속성값) ​ ▶ te..

HTML/HTML 정리 2023.05.30

[HTML] HTML이란? HTML 기본정리

HTML이란? HTML 은 Hyper Text Markup Language 약어로 HyperText(웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 것) 기능을 가진 문서를 만드는 언어입니다. : HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다. - 웹 브라우저의 툴바(toolbar)에 표시됩니다. - 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다. - 검색 엔진의 결과 페이지에 제목으로 표시됩니다. : 웹 브라우저를 통해 보이는 내용(content) 부분입니다. ~ : 제목(heading)을 나타냅니다. : 단락(paragraph)을 나타냅니다. ​ 태그사용시 열어주고 닫아준다 등과 같이 종료 태그 없이 시작 태그만을 가지는 태그를 빈 ..

HTML/HTML 정리 2023.05.30
728x90