[2021.07.26] 인턴 +147 HTML5 스타일 문법 (HTML5 Style Grammar) - 2
https://injekim97.tistory.com/340
[2021.07.26] 인턴 +147 HTML5 문법 및 기초 코드 작성 -1
[2021.07.26] 인턴 +147 HTML5 문법 및 기초 코드 작성 -1 인턴하면서, HTML에 대해 공부를 제대로 하지 않았다. 하지만, elasticsearch에서 geoip를 한 dashboard를 붙이기 위해, 이번에 제대로..
injekim97.tistory.com
-> 위의 링크를 한번 보고 이 게시글을 보는 것을 적극 추천한다.
-----------------------------------------------------------------------------------------------------------------------------------
해당 게시글은, HTML5에서 스타일 (text 꾸며주는법)에 대해 알아보자.
-> ??? 는 해당 Style에 맞게 , 값을 넣어주면 된다.
* HTML styles
<tagname style="property:value;">
e.g <h1 style ="";> </h1>, <p style ="";> </p>
페이지 배경색 설정
<tagname style="background-color:???">
e.g : <body style="background-color:powderblue;">
텍스트 색상
<tagname style = color:???>
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
텍스트 글꼴 설정
<tagname style="font-family:???;">
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
텍스트 크기
<tagname style="font-size:???px;">
<p style="font-size:50px;">I am big</p>
텍스트 정렬
<tagname style="text-align:???;">
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
-> 두가지 위의 코드들은 가운데 정렬(text-align:center)
'Web' 카테고리의 다른 글
| [2021.07.26] 인턴 +147 HTML5 Quotation and Elements(인용 및 요소들) - 4 (0) | 2021.07.26 |
|---|---|
| [2021.07.26] 인턴 +147 HTML5 HTML Text Formatting -3 (0) | 2021.07.26 |
| [2021.07.26] 인턴 +147 HTML5 문법 및 기초 코드 작성 -1 (0) | 2021.07.26 |
| [2021.04.05] 인턴 +35 Java Study 내용 정리 (0) | 2021.04.06 |
| [2021.03.25] 인턴 +24 node.js Passport(document) 정리 (0) | 2021.03.25 |
댓글