본문 바로가기
반응형

HTML5, CSS23

[CSS] width, height HTML 상에서 태그에 css를 이용해서 넓이, 높이를 정해줄수 있다. 보통 px 단위로 해주며 반응형에서는 %로도 작업이 가능하다. box .box{width:200px; height:200px; background:red;} //넓이 200px, 높이 200px;의 빨간색 박스 가로, 세로 200px의 빨간색 박스를 만들 수 있다. 2022. 5. 25.
HTML 텍스트 태그 안녕하세요 html 텍스트 태그를 소개하겠습니다. 많이 쓰이는 태그들도 있고, 많이 안쓰이는 태그들도 있고, 태그가 아닌 css로 적용할수 있어서 css로 적용하는 태그들도 있습니다. - 굵은 글씨 (css에서 font-weight:700 으로도 적용 가능) - 굵은 글씨 (css에서 font-weight:700 으로도 적용 가능) - 이텔릭체 - 강조문자 - 텍스트뒤 배경 - 폰트 사이즈, 굵이 작게 노출 - 텍스트 가운데에 줄 - 밑줄 - 텍스트가 조금 아래로 치우침 - 텍스트가 조금 위로 치우침 이렇게 있는데 생소한 태그들도 있고 저는 b, strong, small은 많이 사용 했던것 같습니다. 텍스트테스트 텍스트테스트 텍스트테스트 텍스트테스트 텍스트테스트 텍스트테스트 텍스트테스트 텍스트테스트 텍스.. 2022. 4. 30.
HTML 반응형 웹 설정 메타 태그 반응형 웹을 만들기 위해서는 메타태그를 선언합니다. 뷰포트 메타태그를 추가하면 해상도에 맞게 페이지가 설정됩니다. 일반 웹페이지에서는 width 사이즈를 px로 표기하는데 반응형 웹에서는 스타일 width 사이즈를 px이 아닌 %로 설정해서 적용합니다. 스타일에 width 를 %로 잡아주면 이미지가 화면에 맞게 조절 됩니다. 2022. 4. 29.
[html] a 태그 활용 (blank, self, parent, top) a태그는 보통 링크를 걸어 줄때 활용됩니다. a태그에서도 활용법이 여러가지가 있는데, 포스팅 하겠습니다. 서브메뉴바로가기 전화걸기 메일보내기 파일다운로드링크 링크 이동말고도 전화걸기, 메일전송, 파일다운로드로도 링크를 걸어이용 할 수 있어요 서브메뉴바로가기1 서브메뉴바로가기2 서브메뉴바로가기3 서브메뉴바로가기4 그리고 a태그에 타겟을 걸어 사용할수 있는데요, blank 새창, 새탭에서 링크를 열기 self 현재창에서 링크 열기 parent 부모창에서 링크열기 top 현재 열려있는 최상위 창에서 링크 열기 이렇게 이용하는데, 저는 대부분 blank나 self 만 사용하더라구요. 2022. 4. 27.
반응형