개발 기록

HTML[tag] 본문

Front-end/html

HTML[tag]

청군로 2021. 2. 24. 18:54

국비지원 첫 수업, 대부분의 시간은 mysql과 오라클을 설치하는데 사용됐다. 원격으로 수업을 진행하다 보니

각자 컴퓨터의 운영체제도 다르고 변수가 많아서 시간이 꽤 걸렸던 것 같다.

 

HTML에 대해서도 간단하게 학습했는데, 

우선 HTML은 Hyper Text Markup Language의 약자로써,

다른 문서로 연결될 수 있는 마크업을 이용해 표기하는 언어이다.

웹페이지를 만들 때 가장 먼저 구조를 잡아주는 골격 역할을 한다고 합니다.

그리고 <tag>라고 불리는 문법들을 활용해 작성해야 합니다,

<>이것을 꺽새라고 부르는데 대부분의 태그는 <>시작을 했으면 </>다시 닫아주어야 하며,

특정 태그는 닫지 않아도 됩니다. ex)<br>

 

저는 Visual Studio Code를 이용해서 학습했습니다.

 

<head></head>윗 쪽을 담당하는 구역. 주로 타이틀이나, 인코딩 등 작성하는 html의 정보를 담고있는 구역입니다.

<body></body>바디 태그는 내용을 담는 공간입니다.

<a href="연결할 주소"></a>감싼 부분을 클릭하면 연결된 페이지로 넘어가는 태그. 링크를 거는 태그입니다.

<input type="text">텍스트형태를 입력할 수 있게 한줄로 텍스트상자가 생성됩니다.

<input type="checkbox">체크를 할 수 있는 체크박스가 생성됩니다.

<input type="radio">체크박스와 비슷하게 체크를 하는 동그란 박스가 생기며, 참과 거짓으로 구분을 짓습니다.

                            보통 예, 아니요 와 같은 흑백 선택지에 사용되며, 중복을 방지하기 위해 그룹화를 해줍니다.

<select></select>보기를 준 후 거기에서 사용자가 선택할 수 있는 선택창을 생성합니다.

<option></option>선택창에 보기를 추가합니다.

<option selected>기본으로 설정하고 싶은 옵션 뒤에 붙여줍니다. //미설정 시 가장 위에 작성된 옵션이 기본 값.

<textarea></textarea>행과 열의 크기를 설정하여 여러 줄의 글을 쓸 수 있는 텍스트 박스가 생성됩니다.

<button></button>태그 사이에 입력한 글씨가 새겨진 버튼을 생성합니다.

 

placeholder : 텍스트 박스와 같이 값을 입력하는 곳에 연한 글씨로 무엇을 입력해야 하는지 알려주는 용도로 사용.

'Front-end > html' 카테고리의 다른 글

HTML[tag와 css기본]  (0) 2021.02.25
'Front-end/html' Related Articles more
Comments