생활코딩
일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa
www.youtube.com
가서 보시면 됩니다
그냥 신이야
아래는 메모들
web 1~19강
에디터 검색 html editor /best html editor 2021
https://atom.io/
.TAG
strong볼드체 u밑줄 닫히는건 /
<strong> </strong>
h 제목 h6까지 있음
https://www.advancedwebranking.com/html/
frequency of chinese words
통계를 기반으로 무엇을 공부해야할지 판단
가야할길이 멀다고 의기소침해하지 말라
html new line tag
<br> 줄바꿈이라는 시각적 의미. 닫을필요없음
html paragraph tag
<p> </p>
<p style="margin-top:45px;"> ;ccs *p 태그 위쪽에 45px 만큼의 여백 생김
웹페이지 제작시 접근성 효율성 고려 간단하게 나타내기
비즈니스적 휴머니즘적
시각적인 예쁨만 맹목적으로 추구하는 것이 누군가를 소외시키는 일이 될 수 있다.
Web은 '누구에게나' 공개된, '모두가' 정보를 접할 수 있어야 하는 공간.
<img src="">
unsplash.com 저작권 없는 고퀄 이미지
속성 attribute :태그의 이름만으로 정보가 부족할때
순서 상관없음 속성을 통해 더 많은 의미 부가 가능
<img src="coding.jpg" width="100%">
------------------------------------------------------------------------------
부모자식태그
<parent>
<child> </child>
</parent>
목차 :
<ul> (Unordered List)
<li> 1. </li> (List)
<li> 2. </li>
...
</ul>
<ol> (Ordered List)
<li> </li>
<li> </li>
...
</ol>
html title
<title>WEB1 - html</title> ;페이지의 제목
<meta charset="utf-8"> ;한글이 깨질때 utf-8로 만들었으니 동일한걸로 연다
body
head
html
<!doctype html>
이것들을 쓰는것은 약속
HTML 구조 :
<!doctype html>
<html>
<head>
본문 설명
</head>
<body>
본문
</body>
</html>
link 사용설명서 검색 html specification
html link
a는 anchor의 약자이고,
href는 HyperText Reference의 약자입니다.
위 예제에서
target="_blank"는
링크를 클릭했을 때
새창에서 페이지가 열리게 하는 속성입니다.
또 title은
이 링크가 어떤 내용을 담고 있는지를
툴팁으로 보여주는 기능입니다.
Link :
<a href="" target="_blank" title=""> </a> ;(anchor)
(href ;주소 / target="_blank" ;새 창 띄우기 / title="" ;툴 팁)
http://info.cern.ch/
전율이 느껴졌다
최초의 웹
깃허브 가입 업로드도 주소도 받았다!
free static web hosting
17년 기준 추천
https://bitballoon.com
http://neocities.org
Azure Blob
Google Cloud Storage
Amazon S3
첫 실습 페이지
https://pitbify.github.io/web1.html/index.html
WEB1 - WELCOME
HTML CSS JavaScript WEB Web is a computer programming system created by Donald E. Knuth as the first implementation of what he called "literate programming": the idea that one could create software as works of literature, by embedding source code inside de
pitbify.github.io
웹서버 apachi
how to install apache http server 운영체제 이름
+html 주석
<!-- -->
'Saans > Study' 카테고리의 다른 글
| web2 css 이어서 box, div, grid (0) | 2021.10.17 |
|---|---|
| 웹 앱만들기-> web2 css (0) | 2021.10.16 |
| css 들어가려다 선행학습으로 빠진 (0) | 2021.10.15 |
| WEB1 19.1.1. ~ 엔딩크레딧 (0) | 2021.10.14 |
| 시작 (0) | 2021.10.12 |
댓글