자주사용하는 HTML 태그 목록 > HTML
HTML

자주사용하는 HTML 태그 목록

조회 448회 댓글 0건

웹봇으로 수집한것을 바탕으로 통계를 낸것입니다. 제가 잘 안쓰는것도 있네요.

그런데 정말 이곳에 있는것만 익혀도 큰 무리는 없습니다. 


그리고 이곳에 있는것만 익혀도 국내에선 안쓰는것들이 있어서 다른분들보다 많이 아실거란것 확신합니다.

<html>, <head>, <body>, <title>, <meta>, <div>, <a>, <script>, <link>, <img>, <span>, <p>, <li>, <ul>, <style>, <br>, <h2>, <input>, <h1>, <form>, <h3>, <nav>, <footer>, <header>, <iframe>, <button>, <strong>, <i>

393b30c04f3acceaca5204b0d2b69fee_1637673951_3341.png
 

이정도는 가장 많이 사용되는것이고. 이외에 더 익혀야하고 그리고 속성도 같이 익혀야 합니다.

HTML은 기능에 대한것을 익혀야 되는거라서 CSS 처럼 전체 페이지에 대한 틀을 기획하고 나중에 수정하는것 감안해서 설계를 해야 하는것하고 비교 했을때 쉽다고 볼 수 있습니다.

앞으로 하나 하나 예제를 들면서 올릴 예정입니다.

  • 페이스북으로 공유
  • 트위터로  공유
  • 구글플러스로 공유
전체 14건 1 페이지
  • profile_image 난 복잡한 부트스트랩이나 테일윈드 같은것 사용하기 싫고 순수 html 로만 페이지를 만들고 싶다.보통 백오피스 페이지가 그렇습니다.(시간이 들어가니 그렇지요. 집에서 양복 입지 않는것과 같은 이치~)하지만 반응형은 필요하고 보여지는 것은 좀 괜찮아야 한다면 pico css를 추천합니다.폰트사이즈만 약간 줄여서 사용하면 그만.아래는 폰트사이즈 때문에 테스트 해본것입니다.결론 부터 말하면1rem은 16pxpico css 기본은 21px 입니다. 부…
  • profile_image 기본적으로 제공이 안되고 있어서 확인 후 테스트 해본 것입니다.간단하며 어떤 방식으로 사용 할것 인지는 본인 판단으로 하면 되며 rem 방식이 제일 무난 하게겠지요.   <!doctype html>  <html lang="ko">  <head>    <meta charset="utf-8">    <meta name="viewport" content="width=device-width, initia…
  • profile_image 외부파일을 읽어서 사용하는 경우에 오류가 있을 때 처리하는 방법에 대한것입니다.이런 문제 발생 할 걱정이 되면 자신의 서버에 모두 저장하고 사용하면 됩니다.일반적인 경우는 모두 자사의 서버에 두고 사용하기 때문에 이런것을 신경쓸 필요는 없지만 그래도 이런 방법도 있는것을 알고 있으면 좋겠지요~아래는 먼저 읽힌것이 실패할 경우 처리 하는 방법의 예 입니다.  <!DOCTYPE html>  <html lang="ko">    …
  • profile_image 파일 첨부할때 사용합니다.기본이 모든 파일로 되어 있는데 특정 워드파일만 받고 싶다든지 아니면jpg 이미지만 받고 싶을때 선택을 그것만 가능하게 하는 방법에 대한 것입니다. accept 속성에 MIME 값을 넣어주면 됩니다.    <!-- 모든것을 보여줄 때는 아래처럼 하면 된다: 순서대로 오디오,동영상,이미지 -->  <input type="file" accept="audio/*">  <input type="file…
  • profile_image 부트스트랩에서는 대부분 영문의 약자를 생각하면 되면 되는데 문제는 왼쪽, 오른쪽이 아니라 시작, 끝 인것이 있다는 것이다.마진: m패딩: p * 위, 아래top: tbottom: b * 왼쪽 오른쪽 보다는 시작과 끝으로 생각하면 된다.left: sright: e * 포함이다.즉 위아래는 top, bottom이 되고 x는 left, right가 되는것이다.위아래:  y ( left / right )양옆: x (top / bottom)위와 별도로 …
  • profile_image 원하는 것은 이런것입니다.메시지를 보여주고 닫기 버튼만 있어서 닫을 수 있게 하는것이 없네요. 많이 사용할텐데 좀 만들지? 버전이 5.2까지 올라오면서 왜? 그랬을까 하는 생각이 먼저 듭니다.** 부트스트랩 모달 닫기버튼만 보이도록 하기 **<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta…
  • profile_image 부트스트랩 연습하는데 한쪽으로 쏠립니다.다운데로 버튼을 보내고 싶은데요 생각처럼 되지 않아 찾아 보아 정리 한것입니다.다른것들도 방법은 비슷합니다. 가운데 정렬하고 싶을대 말입니다. 테이블 같은것도 비슷한 원리 입니다. 부트스트랩 버튼을 가운데(중앙) 정렬하기 <div class="row">  <div class="col text-center">    <!-- <button class="btn btn-primar…