html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp;
- 스페이스
  - 스페이스   - 큰스페이스
'web > html' 카테고리의 다른 글
| [HTML Number] " " 따옴표( double quotes ) (0) | 2014.05.22 |
|---|---|
| [css] 테이블 선 스타일(border-style) (0) | 2014.05.19 |
'web/html'에 해당되는 글 3건
- 2014.06.12 html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; 2
- 2014.05.22 [HTML Number] " " 따옴표( double quotes )
- 2014.05.19 [css] 테이블 선 스타일(border-style)
2014. 6. 12. 11:17
  - 큰스페이스
2014. 5. 22. 15:13
HTML로 작성된 데이터를 보던 중
"를 보고 당황하던 기억이 있다.
&#로 시작하는 것은 HTML Number를 표현하는 것을 구글링 한 결과 찾을 수 있었다.
"는 HTML Number로 "(HTML Name) 와 같고,
이 뜻은 double quotes 즉 따옴표이다.
이런 Chracters의 symbol를 보기 좋게 정리한 사이트가 있어 첨부한다.
http://www.ascii.cl/htmlcodes.htm
'web > html' 카테고리의 다른 글
| html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; (2) | 2014.06.12 |
|---|---|
| [css] 테이블 선 스타일(border-style) (0) | 2014.05.19 |
2014. 5. 19. 14:37
페이지를 제작하다 보면 테이블에 선 스타일을 주고 싶을 때가 있다.
이곳 저곳 찾아보다가 정리하게 된다.
참고하고자 할때 도움이 될듯.
1) 선의 모양(border-style)
<html>
<head>
</head>
<body>
<table style="border-style:groove" width=400>
<tr>
<td align="center">
style="border-style:groove"
</td>
</tr>
</table>
<br>
<table style="border-style:solid" width=400>
<tr>
<td align="center">
style="border-style:solid"
</td>
</tr>
</table>
<br>
<table style="border-style:double" width=400>
<tr>
<td align="center">
style="border-style:double"
</td>
</tr>
</table>
<br>
<table style="border-style:dashed" width=400>
<tr>
<td align="center">
style="border-style:dashed"
</td>
</tr>
</table>
<br>
<table style="border-style:dotted" width=400>
<tr>
<td align="center">
style="border-style:dotted"
</td>
</tr>
</table>
<br>
<table style="border-style:ridge" width=400>
<tr>
<td align="center">
style="border-style:ridge"
</td>
</tr>
</table>
<br>
<table style="border-style:inset" width=400>
<tr>
<td align="center">
style="border-style:inset"
</td>
</tr>
</table>
<br>
<table style="border-style:outset" width=400>
<tr>
<td align="center">
style="border-style:outset"
</td>
</tr>
</table>
<br>
<table style="border-style:hidden" width=400>
<tr>
<td align="center">
style="border-style:hidden"
</td>
</tr>
</table>
<br>
</body>
</html>
2) 선을 단선으로 하는 border-collapse 지정
collapse : 서로 이웃하는 테이블이나 셀의 테투리선 겹쳐서 표현
separate : 기본값으로 서로 이웃하는 테이블이나 셀의 테두리선 분리시켜 표현
<html>
<head>
<style type"text/css">
table, td{
border: 1px solid green;
}
</style>
</head>
<body>
<table style="border-style:solid;border-collapse:collapse" width=400>
<tr border="1">
<td border="1" align="center">
style="border-collapse:collapse"
</td>
</tr>
</table>
<br>
<table style="border-style:solid;border-collapse:separate" width=400>
<tr border="1">
<td border="1" align="center">
style="border-collapse:separate"
</td>
</tr>
</table>
<br>
</body>
</html>
'web > html' 카테고리의 다른 글
| html 띄어쓰기 표현( 스페이스 표현 ) nbsp; ensp; emsp; (2) | 2014.06.12 |
|---|---|
| [HTML Number] " " 따옴표( double quotes ) (0) | 2014.05.22 |
