김루루의 개발일기

◎ 리스트 (LIST) 순서가 중요한 목록을 만들때 순서가 엉키거나 바뀌어도 크게 중요하지 않은 목록을 만들때 각각의 리스트 항목 ol,ul (부모요소) > li (자식요소) (※ ol 과 ul 의 직계 자식태그는 only li 태그만 가능 , 자식태그 사용하고 싶을때는 li 태그 안에 사용) 짜장면 짬뽕 볶음밥 ◎ 정의 리스트 ( Description LIST) 용어를 정의할때 사용하는 list key-value 로 정보를 제공할때 정의리스트 사용을 선언한다는 의미의 태그 key 값,이름 (의미를 좀더 구체화 하고 싶을땐 사용) value (※ dl의 직계자식은 만 사용가능, 안에서는 항상로 끝나야함 뒤에 아무것도 없으면 안된다.)

◎ 링크태그(anchor) (※ 속성값으로 href 필수) - 웹사이트 주소 - 페이지 내 이동 (name의 id 값으로 이동) - 메일쓰기 - 자동으로 linkTag에게 메일보내기 - 전화걸기(모바일) - target : 새탭으로 이동target = "_blank" (target이 없을때 기본 현재페이지에서 오픈) ◎ 이미지 태그 (image) (※ 속성값으로 src / alt 필수) - 상대경로 : 내폴더에 있는 이미지 주소 - 절대경로 : 이미지가 있는 경로값 주소 (이미지의 링크값) - alt :이미지를 대체할수 있는 텍스트 ◎ 인용 태그 (Quotations) 한줄정도 되는 저자가 인용한글의 block 문장 내에서 짧은 인용하는 글을 넣고 싶을때 ( q를 사용하는 경우 화면에 출력되는 글에 자동..

◎ 제목 태그 (headings) (숫자가 커질수록 글씨크기가 작아짐) 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 안녕하세요 저는 제목입니다 ◎ 문단 태그 (paragraph) 한 문단을 이루는 태그 저 푸른 바다에 풍덩 뛰어들어 가뿐히 잊을 수 있으리 흰 솜사탕 구름 한 조각 한 입 깨물어 먹으면 ◎ 강조 태그 (Emphasis) (자동으로 기울기 됨.) 강조되는 태그 strong 태그는 웹사이트에서 실제로 변화되는 것은 없지만 웹을 읽어주는 프로그램에서 강조해야 되는 부분을 알려준다 ◎ 줄바꿈 태그 (남용하면 안됨...!) br태그가 p태그와 다른점은 닫는 태그가 없다. P태그는 문단덩어리로 나눠준다. br태그..

사실 HTML은 유튜브를 통해 생활코딩, 드림코딩과 do it! html+css+js 책을 통해서 공부했다. 그동한 공부한 html을 정리하는겸 블로그에 복습하는 글을 작성하려고 한다. HTML 코드를 작성할때 의미 있게 작성하는것이 중요하다. 이 코드를 왜? 썼는지 논리적인 이유를 설명할 수 있어야 한다. 코드를 의미 있게 작성한다? = 시멘틱하게 작성한다. HTML의 태그들은 보통 로 시작해서 로 이루어져 있다.(예외도 있음!) 속성은 태그가 담지 못하는 추가적인 역할을 한다. 오늘은 여기까지(?) 끝 -!