목록공부하는파워걸 story/html story (5)
날아라쩡글이의 블로그입니다.
style =전역속성 html+sytle =css인라인 선언 , h1 이던 어디에서든 사용가능 , 전체적으로 사용이 가능한 속성, 띄어쓰기를 이용하여 속성을 추가하는 기능이있다. p, div전체가능하다. title = 요소의 정보, 설명을 지정한다. 마우스를 가져다두면 tip으로 표시하여 text를 제공해준다. lang = 요소의 언어를 지정한다. html( ISO -639-1) 하나의 언어로 명시한다. 어떤태그에서도 사용가능하며, html주소에 한번만 선언하면 나머지는 수정안해도된다. data-* =사용자 정의 데이터 속성, java scrip에서 이용할 수 있는 데이터(정보)를 저장하는 용도로 사용한다. html에서 보관 후 java scrip으로 사용한다. java는 하이폰을 좋아하지않아 하이폰 뒤..
표를 작성할때 사용하는 구조적인 tag= table(데이터표,표시) tr =행, 줄(table row) th,td=칸,열,셀 display가 block,inline요소가 아니다. 표를 입력할 때 1. 설계할 표를 그린다. 2. 줄을 먼저 형성한다. 3. 줄안에 각각의 칸을 입력한다. 선과 여백을 없애는 방법은 css을 이용한다. 선의 경우 td와 th에 border을 삽입하여 몇px, 형상, 색상과 원하는 색상을 background-color로 설정한다. 여백을 없애는 경우 td와 th의 부모인 table에 입력을 하며 border-collapse: collapse;(여백없애기)를 입력하여 여백을 없애면 된다. css에서 부모요소는 항상위에 작성을 해야하며, td와 th위에 table을 작성하면 된다. ..
이전글 보기 2021.06.09 - [공부하는파워걸 story/html story] - html (inline과 멀티미디어 속성 약간) html (inline과 멀티미디어 속성 약간) 앞에서는 block요소의 부분과 inline부분을 약간 진행하였다. html은 전체적으로 구조를 나타내는 부분으로 나무를 나타낸다고 하면 css 꾸며주는 낙엽잎이다. block요소는 레이아웃부분은 나타내어 lionpower.tistory.com scrset= 브라우저에 제시할 이미지들과 그 이미지의 원본 크기를 제시한다. 사용할 후보 이미지의 경로와 원본의 크기를 작성하는데, scrset의 경우 사용할 이미지의 크기가 2장이상일 때 사용이 가능하며, px단위가 아닌 w와 x의 단위를 사용하여 작은 이미지부터 순서대로 입력을..
앞에서는 block요소의 부분과 inline부분을 약간 진행하였다. html은 전체적으로 구조를 나타내는 부분으로 나무를 나타낸다고 하면 css 꾸며주는 낙엽잎이다. block요소는 레이아웃부분은 나타내어주고 inline요소는 text를 의미하는 부분이다. abbr =abbrevivation로 약어를 의미한다. 약어를 사용하는 부분에 emmt로 이용하여, 약어를 표현할 부분을 rapping하고 abbr title로 어떤의미인지 표현하여준다. 쩡글이 이런식으로 묶어준후 쩡글이라는 단어에 마우스를 가져다가 대면 힌트를 제공해준다. inline속성이다. title의 경우 전역속성이기때문에 전체영역에 사용가능한 부분을 가지고 있다. 그렇기 떄문에 어디서든 사용이 가능하다. b=범위와 표시를 지정하는 bring ..
html은 구조의 언어 css는 표현언어 java strip은 동적제어 하는 언어이다. block level 요소 (블록 요소) inline 요소 (인라인 요소) 1. DIV, H1,P, TAG 2.사용가능한 최대 가로 넓이를 사용 3. width= 100% , height = 0; 값으로 출발하며, 요소구함, 설정하지 않고 auto로 시작하고 들어감 4. 수직 쌓임 5.위,아래로 쌓임 margin과 padding의 속성, 위,아래,좌우 사용이 가능함 6. 레이아웃을 위한 용도로 사용됨= div사용 1. span, img 2. 필요가능한 너비를 사용 (들어간 만큼의 글의 내용만큼의 가로 너비를 사용한다. 3. 크기 지정이 불가함 4.width =0; height =0;으로 시작한다. 5. 수평으로 쌓음 ..