WEB1 - HTML

현정정·2024년 11월 19일

생활코딩

목록 보기
1/3

📌태그

강조(진하게) -> <strong></strong>
강조(밑줄) -> <u></u>
강조(크기) -> <h1>,<h2>,<h3>,<h4>,<h5>,<h6> 
/*1이 제일 큼 h1은 페이지당 한번만 사용을 원칙으로 함*/


줄바꿈 -> <br> or <p></p> 
/*br은 줄바꿈만함, (단락 표현 : 정교하게 사용하기 위해서는 css를 사용한다)*/


이미지 -> <img src = "이미지 주소" width = "크기">
목록 -> <li></li>
		부모 -> <ul></ul>
넘버링 -> <ol></ol>


웹페이지 이름 -> <title></title>
			   <meta charset = "utf-8"> 
/*한글이 지원안될때, "utf-8로 저장되어있다."를 의미함*/

               
링크 연동 -> <a href = "링크" target = "_blank" title = "툴팁"> ~ </a> 
/*target = blank -> 새로운 탭이 열리며 이동 
title ="툴팁"  -> 클릭 전 툴팁을 알려줌*/

툴팁 : 특정 요소 위에 커서를 올려놓으면 나타나는 텍스트가 포함된 사용자 인터페이스


  • 본문은 body로 묶기
<body></body>
  • 본문을 설명하는건 head로 묶기
<head></head>
  • 고위층 태그
<html></html> // 이 문서는 html이라는 의미
  • 고위층 태그
<!doctype html>

📌부록 코드의 힘

  1. 동영상 삽입 기능 - 유튜브 영상의 공유하기 버튼을 누른후 퍼가기 코드를 내 웹페이지에 추가

  2. 댓글 기능 추가 기능 - LiveRe, Disqus

  3. 채팅기능 - twak

  4. 웹사이트 방문자 분석기 - 구글 애널리틱스

profile
공부하자 기록하자 취업하자

0개의 댓글