본문 바로가기
반응형

programming/web66

html5 img 태그 웹페이지 이미지 표시 using img tag 이미지 태그는 html5에서 웹페이지에 이미지나 그림을 나타내 준다. 마크업언어는 img 이며 기본적으로 src 속성을 사용하여 이미지주소를 지정해 주어야 한다. 이미지의 화면 크기를 지정하기 위해 width height 속성을 사용할 수 있다. alt 속성을 사용하면 이미지설명을 추가할 수 있고, 이미지가 나오지 않는 상황이 된다면 이미지설명글이 대체문자열로 나타날 것이다. html5 img 태그 사용 웹페이지 이미지 표시 using img tag 웹페이지에서 이미지를 화면에 나타내기 이미지 태그를 사용한다. 이미지 태그는 img 마크업을 사용한다. 이 태그를 사용하여 웹페이지에 화려한 이미지를 넣을 수 있다. 이미지를 화면에 표시 이미지를 웹페이지에 표시하려면 img 이미지 태그를 사용한다. img .. 2022. 2. 13.
html5 링크 a 사용 웹페이지 연결 및 이동 html5에서 링크태그 a는 다른 페이지로 이동할 수 있도록 해 준다. 현재페이지에서 다른 페이지로 이동할 수 있고, 현재페이지를 그대로 둔 채 새탭열기하여 새 탭에서 페이지로 연결할 수 있다. 옵션은 여러가지가 있지만 주로 2가지 방식을 자주 사용한다. html5 링크 a 사용 웹페이지 연결 및 이동 html5로 웹페이지를 만들 때 다른 웹페이지로 이동하고 싶은 경우가 있다. 링크 태그라고 불려주는 a 태그를 이용하면 현재 웹페이지에서 연결된 다른 페이지로 이동할 수 있다.보 통 메뉴나 컨텐츠내에 존재하는 참조 문서 등을 연결할 때 자주 사용된다. a 태그를 사용하여 다른 페이지로 이동하는 방법에는 몇가지가 있다. 현재 페이지를 이동하는 방법과 새탭으로 이동하는 방법이다. 하이퍼링크 a 태그 a 태그를.. 2022. 2. 12.
html5 문단 태그 p 사용 컨텐츠 내용 표시 paragraphs tag html5에서 문단을 나누는 것은 p 태그를 사용한다. 문단은 문장들이 모여 만들어진 하나의 작은 컨텐츠를 말한다. 이런 문단을 구분하는 것은 p 태그를 사용한다. 검색엔진에 민감한 사람들이 신경쓰는 부분도 p 태그이기도 하다. 너무 많은 신경은 정신건강에 좋지 않다. html5 문단 태그 사용 컨텐츠 내용 표시 paragraphs tag html에서 컨텐츠 내용을 표현하는 곳은 p 태그를 사용한다. 컨텐츠는 글과 이미지 등의 글내용을 말한다. 이런 컨텐츠의 내용을 표현하는데 있어 p 태그를 두고 h 태그를 사용하여 하나의 소제목에 따른 컨텐츠를 분류할 수 있다. 구글의 고객센터 부분을 보면 잘 알 수 있다. 블로그를 하는 사람들의 경우 html 보기를 통해 p 태그가 어떻게 사용되는지 잘 알 수 있다... 2022. 2. 10.
html5 제목 표시 태그 사용 heading tag heading 태그는 제목 태그로써 html5 웹문서의 내용들의 제목을 나타낸다. 웹 문서의 내용은 다양한 글내용인 컨텐츠로 구성되어 있다. 이들 컨텐츠들을 구분하고 정의하는 역할을 하는 것이 heading 태그이다. 이것은 h숫자 형태로 사용되며 숫자가 커질수록 제목 크기는 작아진다. html5 제목 표시 태그 사용 heading tag html 태그에서 문서의 제목을 나타내는 것은 heading 태그를 이용한다. 웹문서의 내용은 컨텐츠라 불리기도 하는데 이 컨텐츠들의 제목이라 보면 된다. 위키백과나 구글의 고객센터 부분을 보면 잘 알 수 있다. heading 태그는 h1 부터 h6까지 사용되며 숫자가 커질수록 글자의 크기는 작아진다. h1 ~ h6 heading 태그 문서의 제목 태그로 잘 알려져 있.. 2022. 2. 7.
반응형