나 이정민
생활코딩 html 보는중,,, 본문
-생활코딩 html-
html 주석처리 방법 <!-- -->
css 주석처리 방법 /* */
px : 픽셀
< > 태그 문법
<strong> 넣어주면 글씨 굵어짐
<u> underline 밑줄 만드는 태그
<h1~6> heading 제목을 나타내는 태그
<br> 줄바꿈 태그 -> 감쌀필요가없어 닫지않고 하나만 쓴다.
<p> paragraph 단락 태그-정보로서 가치가높음.
<img src=" "> (source소스) 어떤이미지에대한 소스
<li> 목록(list),목차 태그 -> li 태그의 부모인 ul 태그가있다.
<ul> 태그 -<li> 태그가 자식이다. (unordered list)
<ol> - 자동 넘버링 (ordered list)
<table> 표만들때 <tr>-가로방향1줄? <td>-오른쪽으로+1표?
부모 자식 태그들 ex) ul ui // table tr td //
<parent>
<child></child>
</parent>
속성(attribute) 문법
<img src="coding.jpg" width="300px">
src="coding.jpg" // width="300px" 이 두가지가속성이다.attribute
<title> 웹페이지이름 태그 제일 중요
<body> - 본문은 body로 묶기로 약속됐다.-고위급태그
<head>body를 설명하는 태그로 약속됐다-고위급태그
<html> - 모든것을묶는 최고위급 태그
<! doctype html> -<html> 태그 위에 '이문서는 html 이다' 라는 뜻의 태그이고 제일 처음 써준다.
<meta charset=" " > utf-8 vscode에 나와있는것을 브라우저에서도 똑같이 적용해주는것.//charset -> character(문자) set(규칙)
이 뜻은 utf-8로 문서를 읽어줘,저장해줘 라고 브라우저한테 말하는 뜻임.
페이지원본보기 - 컨트롤 + u 보면 코드구조가 나온다
<a>태그 (하이퍼텍스트(링크) anchor닻)- <a h(hyper text)rdf(참조reference)-> <a href="주소복사복붙"> </a>
<a>태그 새탭으로 열리게하고싶을때!- <a href="주소복사복붙" target="_blank"> </a> 주소에이어 타겟은 언더바블랜크넣음됌
<a>태그 링크가 커서로 갖다될때 무엇인지알려주고싶을때
<a href="주소복사복붙" target="_blank" title="html5 speicification"> </a> ->title="html5 speicification"추가
-생활코딩 css-
<p style="margin-top:40px;">샬라샬라 -> br대신 쓰는 css태그
-CSS- 공부 해야할것...!!
display: flex;
flex-direction: column; OR row 에대해
align-items: center;
justify-content: center;
background-image: url(' ');
background-position: center;
background-size: cover;
border : 1px s olid white;
border-radius: 5px;
margin-top : 20px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-right: 5px;
인터넷과 웹 의 차이 // 인터넷 > 웹,이메일,FTP, 등등등
인터넷이 도시라면 웹은 도시안에있는 건물중 하나이다.
인터넷이 도로라면 웹은 도로를 달리는 자동차한대에불과하다.