본문 바로가기
반응형

분류 전체보기172

HTML 사용자로부터 입력 받기 form input 속성 우리가 회원가입을 하려면 나의 이름부터 주민등록번호 등등 개인정보들을 입력하게 되어있다. HTML에서 이러한 기능을 하는 요소를 이라 하는데 input 태그를 정의하기 위해서는 안에 하위 태그로 들어가야 한다 오늘도 말로하니 어렵다..ㅇㅅㅇ 어쨌든 오늘은 input 태그와 관련된 태그와 요소들에 대해 알아보겠따! 1. : 정보를 제출하기 위한 태그들을 포함하는 태그이다. 한마디로 정보를 넣으려면 form 태그 안에서 정의해야 한다는 것 form 태그의 요소들은 다음과 같다. (1) action : 양식 제출을 처리하는 URL로 공백의 값을 가질 수 있다. (2) method : 양식을 제출하는 데 사용할 HTTP 메서드이다. ① get 방식 : (default 방식) ex) URL?name=value&n.. 2023. 12. 18.
HTML <a>태그 링크 연결하기 태그란? 태그는 웹페이지, 파일, 이메일 주소, 위치에 대한 하이퍼링크를 생성한다. 즉, URL이 처리할 수 있는 다른 모든 것을 뜻한다. a 태그의 활용 외부 URL : 다른 웹 사이트로 이동할 때 사용된다. 내부 링크 : 동일한 웹 사이트 내의 다른 페이지로 이동할 때 사용된다. 내부 링크는 해당 페이지의 URL 끝에 '#'과 해당 요소의 ID를 추가하여 작성된다. 이메일 링크 : 사용자의 이메일 클라이언트를 열고 새 이메일을 작성할 수 있도록 한다. 전화 링크 : 사용자가 클릭하면 전화를 걸 수 있도록 한다. 기타 : 태그 링크는 텍스트 뿐만 아니라 이미지나 다른 요소를 포함할 수 있어서 이미지를 클릭했을 때 지정된 URL로 이동하는 등의 기능할 수 있다. 태그에는 여러 속성값이 있는데 지금부터 태.. 2023. 12. 18.
HTML 테이블(표) 만들기 표는 태그를 이용해서 만들어진다. 지금까지 공부를 해왔듯 table 태그와 함께 쓰이는 태그들에 대해 공부를 해보겠다. 태그란? HTML에서 표를 만드는 데 사용된다.표는 형과 열의 격자 형태로 데이터를 구성하는 데 사용되며, 정보를 구조적이고 시작적으로 정렬하는 데 유용하다.테이블 태그를 사용하여 표를 만들 때, 아래와 같이 중요한 속성과 기능을 고려해야 한다. 태그의 속성과 기능 테이블 헤더 : 테이블의 첫 번째 행은 일반적으로 헤더 역할을 한다. 이를 나타내기 위해 태그를 사용할 수 있다. 이는 일반적으로 텍스트를 굵게 표시하여 테이블의 열 제목을 나타낸다. 테이블 셀 간 합병 : 테이블 셀을 합병하여 복잡한 구조를 만들 수 있다. 'rowspan' 및 'colspan' 속성을 사용한다. 스타일링 .. 2023. 12. 17.
HTML 이미지 태그 <img>와 속성 웹페이지에 이미지를 넣으려면 태그를 사용한다. 이미지 태그에는 이미지 파일 경로를 나타내는 src 속성 외에도 아주아주~~~ 많은 속성들을 포함하고 있다. 1. img 태그 : 웹페이지에 사진을 넣는 기능 img tab을 누르면 에멧이 자동으로 를 생성한다. img 뒤에 있는 src, alt 이 img의 속성을 나타내는데 이제부터 본격적으로 img 속성에 대해 알아보겠다!!! 1. (필수 속성) src : 이미지의 경로를 나타낸다. 여기서 경로를 나타내는 두 가지가 있다. (1) 절대경로 절대 경로는 흔히 URL를 나타낸다. 다른 사람의 파일(여기서는 이미지)을 이용할 때 쓰인다. 하지만 만약 해당 URL이 사라지거 수정된다면 내가 만든 웹페이지도 수정을 해야 하는 단점이 있다. 절대 경로를 불러오는 방.. 2023. 12. 17.
반응형

티스토리툴바