소파에서 개발하기
[생활코딩] WEB1 - HTML & Internet 본문
Html 태그
줄바꿈
<br> 문장 뒤에 한 번만 작성
<p></p> paragraph 단락 설정
*간격조정 원한다면 <p style="margin-top:45px;">
텍스트 강조
<strong></strong> 굵은 글씨
<u></u> underline 밑줄
목록작성 (자식-부모 태그)
<ul></ul> unordered list 동그라미 표시된 리스트
<ol></ol> ordered list 번호가 매겨지는 리스트
<li></li> list 리스트 내 항목 (각 항목마다 태그)
이미지 삽입
<img>
<img src="(파일명)" height= "800" width="1000">
링크 걸기
<a></a> 특정 글자에 하이퍼링크 걸기 anchor(정보의 바다에 닻을 내리다)
href=" " HyperText Reference 링크 걸 주소
target="_blank" 새 창에서 열리게 하기
title=" " 링크 내용을 툴팁으로 보여주기
페이지 구조
<!doctype html> 이 웹페이지는 html로 만들어졌어
<title></title> 페이지 제목 (검색엔진, 브라우저 탭에 표시되는 제목)
<meta charset="utf-8"> 브라우저야 이 웹페이지는 UTF-8로 열어야 해
<h1></h1> heading 제목
<head></head> 본문을 설명하는 태그
<body></body> 본문 내용 태그
<부가기능>
댓글 추가 : Disqus
Disqus – The #1 way to build your audience
Disqus offers the best add-on tools for websites to increase engagement. We help publishers power online discussions with comments and earn revenue with native advertising.
disqus.com
사용자 분석 : GA
코딩 공부를 할 때는 항상 극단적으로 생각하기!
1억개의 자료가 있어도 효율적으로 작동할 코드를 사용해라
'프론트엔드 공부 > 웹개발 기초 w.생활코딩' 카테고리의 다른 글
| [troubleshooting] JS 특정 링크 색 바꾸기(대증요법) (0) | 2022.01.06 |
|---|---|
| [생활코딩] WEB3 - Ajax (0) | 2022.01.06 |
| [생활코딩] WEB2 - Javascript (下) (0) | 2022.01.04 |
| [생활코딩] WEB2 - Javascript (上) (0) | 2022.01.03 |
| [생활코딩] WEB2 - CSS (0) | 2022.01.02 |
