🔥 Web/HTML

[HTML] HTML <Video> 태그, <Table> 태그

태그란?? html의 태그는 html5에서만 지원이 되는 태그입니다. mp4, webm, ogg의 세가지 확장자가 지원되며, 사용법은 아래와 같습니다. 태그에는 여러 속성이 있습니다. autoplay, controls, height, loop, muted, width, src..등등 이중 몇가지만 보도록 하겠습니다. 1. Autoplay autoplay는 비디오가 로드 될 경우 자동으로 시작되도록 하는 속성입니다. 2. Controls controls 속성은 동영상에 재생, 볼륨조절, 전체화면, 뒤로가기등 창을 띄울수 있게됩니다. 3. loop loop 속성은 비디오를 반복해서 재생하는 속성입니다. 4. src src 속성은 페이지에 삽입할 동영상의 주소를 나타냅니다. 5. widght, height 동..

[HTML] HTML Form 태그, <Meta> 태그

HTML의 유용한 Tag들에 대해 알아보도록 하겠습니다. Form 태그란? 로그인이나 글쓰기, 댓글쓰기 등 사용자가 입력한 정보를 서버로 보낼 때 사용하는 태그입니다. 쉽게 말해, 클라이언트에서 서버로 정보를 전달하여 처리를 할 수 있게 만들어주는 태그입니다. 우선 select태그와 option 태그에 대해 알아보겠습니다. select 태그는 드롭다운 리스트를 만드는 태그이고, option 태그는 드롭다운 리스트 내부의 아이템을 만들 수 있습니다. C#을 먼저 공부한 저로서는 드롭다운 리스트을 선택한 뒤 끌어다 Form 안에 넣은 후, 내부 아이템을 타이핑만 하면 됬었는데 이렇게 사용하려니 불편하다고 생각하였지만, html에서는 좀더 세세하게 디자인할 수 있고, 사용한다는 점이 장점인것 같습니다. 아래 ..

[HTML] HTML 기본 태그와 문법 (3)

태그와 하이퍼텍스트, 주석태그, Img 태그란? 태그는 시작태그와 종료태그 사이의 글을 링크 시켜주는 태그입니다. 하지만 링크 시켜주기 위해서는 당연히 링크될 페이지의 속성값이 필요하겠죠?? 아래 코드에서 속성값을 어떻게 부여하는지 확인할 수 있습니다. 여기서 태그를 사용할때 부여하는 속성값 중 target="_blank" 는 새창에서 페이지가 열리게 하는 속성값입니다. href="" 는 Hypertext Reference의 약자로 하이퍼텍스트를 참조해서 링크시켜주는 역할을 합니다. 이 속성들이 없다면? 태그는 아무런 일도 수행하지 못하게 됩니다. 그럼 화면에서는 어떻게 표현이 될까요? href 속성 뒤에 하이퍼텍스트라고 입력했던 부분이 링크가 걸리게됩니다. 이 하이퍼텍스트를 클릭하게되면 href=" ~..

[HTML] HTML 기본 태그와 문법 (2)

가장 기본적인 , , , 태그란 ? 태그는 heading 의 줄임말 입니다. 즉, 제목이라는 말로 해석할 수 있습니다. 태그는 강조를 뜻합니다. 예를 들어보겠습니다. 태그는 ~ 까지 있으며, 정의에 따르면, 중요함에 따라 1~6까지의 순번을 매긴다. 라고 되어있습니다. h 뒤에있는 숫자가 작을수록 크기가 커집니다. 태그는 중요한 부분의 글을 굵게 표시할 수 있습니다. 아래의 결과값을 보면 알 수 있습니다. 이와 같이 태그의 숫자가 작을수록 글이 커지는 것을 알 수 있습니다. 또한 태그의 시작과 종료 사이에 있는 글은 굵게 표시가 됨을 알 수 있습니다. 태그는 문단의 시작을 알리는 태그입니다. 그렇다면 종료태그는 문단의 종료를 알리는 태그겠죠? 태그는 문단이 종료가 되면 줄을 바꾸게 됩니다. 즉, 줄 바꿈..

[HTML] HTML 기본 태그와 문법 (1)

HTML이란? 클라이언트가 사용자에게 화면을 보여주기 위한 코드입니다. 그럼 그 코드를 이해하기 위해선 HTML의 태그라는 것과 문법에 대해 알아야 합니다. html의 기본형식 입니다. 이란, C언어나 C++에서의 #include , #include 과 같이 문서의 형식을 선언하는 것 입니다. 태그란? 사용자가 작성하는 문서의 정보를 담고있는 태그라고 생각하시면 됩니다. charset은 웹 페이지의 인코딩 방식을 말해줍니다. 즉, 위 코드는 "utf-8" 이라는 방식으로 웹페이지가 인코딩 되었다고 볼수 있습니다. 웹 페이지를 열었을때, 한글이 깨지는 현상을 볼수 있는데요, 그럴경우 코드를 넣으시면 됩니다. 보이시는 , , 들은 태그입니다. 제가 공부하는 동영상에서는 태그를 설명할 때 옷에 달려있는 태그에..

[HTML] HTML이란?

HTML은 (HyperText Markup Language)의 준말로 HyperText : 인터넷 웹 브라우저에서 사용하는 , 일반적인 책의 텍스트가 아닌 본인의 원하는곳에 따라 읽을 수 있는 , 볼 수 있는 텍스트. Markup : 어떠한 일을 처리할때 지원되는 , 추가적으로 지원되는 정보. HTML에서는 기본적으로 Markup 형식. Language : 컴퓨터 프로그래밍 언어 로 정의할 수 있습니다. 쉽게 설명하자면 HTML은 하루에도 수십번, 많게는 수백번 들어가는 크롬이나, 인터넷 웹 페이지를 만드는 코드 입니다. 위의 사진은 크롬에서 F12를 눌렸을 경우 나오는 코드들입니다. 제가 컴퓨터 언어에 대해 공부하지 않을경우 F12를 잘못눌러서 저런 코드들이 나왔을때 깜짝 놀라서 어떻게 하지.. 라는 ..