| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
- 오토레이아웃
- constraint
- uxui
- webdesign
- 피그마
- 동작규칙
- resizing
- 성공메시지
- Hug contents
- 그리드
- 반응형
- fixed width
- 마이크로인터랙션
- 피그마속성
- 인터랙션
- AutoLayout
- 마이크로카피
- 반응형카드만들기
- statusbar
- Figma
- fill container
- interaction
- UX라이팅
- 그리드시스템
- 상단바고정
- Grid System
- UXUI Design
- 트리거
- figmainteration
- Grid
- Today
- Total
목록html . css (3)
Designer Sunny
HTML / tag / <a>태그와 속성
a태그는 반드시 한가지 속성을 필요로 한다. 속성 href= Hyper Reference href의 속성값은 "( url )" 링크의 목적지가 되는 url이다. href 하이퍼링크가 가리키는 URL. 링크는 HTTP 기반 URL일 필요는 없고, 브라우저가 지원하는 모든 URL 스킴을 사용할 수 있습니다. 페이지 구획을 가리키는 프래그먼트 URL 미디어 파일 일부를 가리키는 미디어 프래그먼트 tel: URL을 사용하는 전화번호 mailto: URL을 사용하는 이메일 주소 웹 브라우저는 다른 URL 스킴을 지원하지 않지만, 웹사이트는 Navigator.registerProtocolHandler()를 통해 지원할 수 있습니다. 만약 [네이버]를 클릭했을 때 네이버로 들어가도록 만들어보자. 네이버 ="네이버..
html / tag / inline text tag
텍스트를 꾸며주는 역할의 태그 중 주로 쓰이는 태그 4가지 : bold : underline : italic : strike 문서편집툴이나 디자인 툴에서 사용하는 텍스트 속성 단축키 를 생각하면 쉽다.
html / tag / heading tag <h1>, <p>, <br>
heading tag : 제목태그는 ~으로 총 6개이다. h뒤에 붙은 숫자가 작을수록 크기는 크다(크면 클수록 1등) 사용해보니 본문용 텍스트가아니라 제목용이기 때문에 기본적으로 Bold처리가 되어있음을 알 수 있다. 본문 내용을 그대로 적어버리면 자동줄바꿈이 적용이 되지만 가시성이 좋지 않기 때문에 : paragraph 단락 태그로 단락을 나누어주며 : linebreak 개행 태그로 줄바꿈을 해주어 글의 구조를 짜준다. (linebreak가 왜 br으로 축약이 됐을지 소소한 의문이 든다. 왜 lb가 아닐까ㅎㅎ..)