반응형 웹프로그래밍/HTML20 HTML 이미지 스타일 우선순위 HTML 이미지 조정 vs CSS 결론부터 말하면 HTML 내부 요소 안에서의 정보가 CSS 정보보다 우선한다. 예시 This part is HTMl This image will float to the left of the text This part is CSS compare a picture 위의 코드를 보면 HTML 부분의 요소들 즉 이미지는 위의 부분의 영향을 받지 않는다. 하지만 CSS부분에서는 위의 부분의 영향을 받는 것을 볼 수 있다. 즉 결론적으로 내부의 요소들이 우선이며 그 다음 CSS부분에따라 이미지의 크기,너비 설정이 달라진다. 2023. 9. 4. HTML 속성(예제코드) 제목 속성(the title arrtibute) The title Attribute Mouse over this paragraph, to display the title attribute as a tootip. -> 마우스로 제목부분이나 단락 부분에 놓을경우 title 속성에 대한 정보를 나타낸다. href 속성(the href attibute) The href Attribute HTML links are defined with the a tag. The link address is specified in the href attribute Visit naver -> 링크를 정의하는 태그로 를 사용한다. -> 페이지에 써있는 Visit naver를 클릭할 경우 naver화면으로 넘어간다. 너비와 높이(th.. 2023. 9. 3. HTML Links 링크 이미지, 주소 넣기 HTML Links - Hyperlinks HTML 링크는 하이퍼링크를 사용한다. 만약 링크를 클릭하게되면 링크에 해당하는 페이지로 넘어간다. 링크에 마우스를 가까이대면 클릭표시가 손표시로 바뀌는것을 볼 수 있다. HTML Links - Syntax HTML은 를 사용해 하이퍼링크를 이용한다. link text 여기서 중요한것은 href(하이퍼링크)를 받는 태그는 이 url의 링크 위치를 나타낸다. 예시코드 click this HTML Links - 링크에 이미지넣기 태그안에 태그를 넣으면 된다. 아래와 같이 코드를 만들 경우 이미지를 클릭하면 내가 지정해둔 페이지로 넘어가게된다. -> 즉 아래에서 사진을 클릭할 경우 네이버 홈페이지로 넘어간다. Images as a Link The image below.. 2023. 9. 3. HTML Styles - CSS CSS란? CSS는 Cascading Style Sheets로 문장 웹페이 레이아웃 형식을 지정하는데 사용합니다. CSS는 텍스트의 사이즈, 색상, 폰트를 제어할수 있고 이미지의 배경색, 레이아웃에 사용하며 다른 장치나 스크린 사이즈를 다양하게 표현할 수 있는 등 웹프로그래밍에 있어서 많이 사용되는 언어 입니다. CSS 사용해보기 CSS는 세가지 방식으로 HTML에서 사용할 수 있습니다. 1. Inline: HTML요소 안에서 속성 스타일을 사용할 수 있습니다. 2. Internal: This is a heading This is a paragraph. - external CSS This is a heading This is a paragraph. -> 위의 코드는 html의 코드 body { backg.. 2023. 9. 3. 이전 1 2 3 4 5 다음 728x90 반응형