Jam's story
[HTML] 네이버 기사 따라하기 본문
코로나19 신규 확진 1만 3,296명…104일 만에 1만 명대 (kbs.co.kr)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<style>
table{
width:820px;
/* min-height: 1650px; */
/* border:1px solid #b7b6bb; */
margin:0 auto;
}
</style>
<style>
a{
color: #0088C8;
font-size: 18px;
text-decoration: none;
font-family: "Noto Sans Medium";
}
a:hover{
text-decoration: underline;
}
</style>
<style>
h5{
font-size: 30px;
margin:0;
}
</style>
<style>
em{
font-size: 13px;
color: #949699;
}
</style>
</head>
<body>
<h3>ex02.html</h3>
<!-- 11:02 수업 시작~ -->
<!-- days03.ex03.html -->
<!--
table : 데이터 행/열 정렬해서 출력 태그
배치(layout)
-->
<table>
<tr>
<td valign="top" align="left">
<a href="#">‘코로나19’ 팬데믹</a>
<h5 class="">코로나19 신규 확진 1만 3,296명…104일 만에 1만 명대</h5>
</td>
</tr>
<tr>
<td valign="top">
<!-- <table style="width:100%;border:1px solid red;" border="1"> -->
<table style="width:100%">
<tr>
<td valign="top"><em>입력 2022.05.16 (09:46)</em><em>수정 2022.05.16 (10:05)</em> </td>
<td valign="top" align="right"><a href="#">사회</a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<img id="imgVodThumbnail" src="https://news.kbs.co.kr/data/news/2022/05/16/20220516_knYEKB.jpg" alt="imgVodThumbnail">
</td>
</tr>
<tr>
<td>
<div class="detail-body font-size" id="cont_newstext" style="font-size: 17px; line-height: 30px;">
<!-- 서비스 기사 -->
<!-- 기사본문 필요한 부분을 치환 -->
코로나19 신규 확진자가 104일 만에 1만 명대로 집계됐습니다. <br> <br>중앙방역대책본부는 오늘(16일) 0시 기준 신규 확진자가 국내 발생 1만 3,268명, 해외 유입 28명으로 모두 1만 3,296명이라고 밝혔습니다.<br> <br>신규 확진자 수가 1만 명대로 집계된 것은 지난 2월 1일 1만 8,333명을 기록한 이후 104일만입니다.<br> <br>지난주 같은 요일 확진자 2만 588명과 비교해서는 7천여 명 줄었습니다.<br> <br>지역별로 보면 경기 3,576명, 서울 1,684명, 부산 474명, 인천 607명 등입니다.<br> <br>국내 발생 신규 확진자 가운데 60살 이상 고위험군은 전체의 17.1%인 2,274명이고, 18살 이하는 전체의 21.8%인 2,891명입니다. <br> <br>국내 코로나 19 발생 이래 누적 확진자는 모두 1천7백79만 5,357명으로 집계됐습니다.<br> <br>사망자는 35명으로 누적 사망자는 2만 3,744명, 누적 치명률은 0.13%입니다.<br> <br>입원 중인 위중증 환자는 하루 새 7명 늘어 345명입니다.<br> <br>전국 중환자 병상 가동률은 18.3%이고, 전국 재택치료 환자는 20만 2,715명입니다.<br> <br>백신을 3차 접종까지 완료한 국민은 전체 인구 대비 64.7%로, 60살 이상만 따지면 89.6%입니다.<br> <br>전체 인구대비 백신 4차 접종률은 6.8%이고 60살 이상 4차 접종률은 24.3%입니다.<br><br>[사진 출처 : 연합뉴스]
</div>
<div class="artical-btm">
<br>
■ 제보하기<br>
▷ 카카오톡 : 'KBS제보' 검색<br>
▷ 전화 : 02-781-1234<br>
▷ 이메일 : kbs1234@kbs.co.kr<br>
▷ 뉴스홈페이지 : https://goo.gl/4bWbkG<br>
</div>
</td>
</tr>
<tr>
<td valign="top">
<!-- <table border="1" border-color="red"> -->
<table>
<tr>
<td rowspan="2" width="52px">
<img width="52px" height="52px" src="https://news.kbs.co.kr/images/news/reporter/1c34b2e86eacc79f7b3c7d6902d1388c.jpg" alt="김세정" onerror="javascript:gfnImgError( this, 5 );">
</td>
<td align="left">
김세정 cleank@kbs.co.kr
</td>
</tr>
<tr>
<td align="left">
김세정의 기사 모음
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>상대경로 절대경로
<!--
상대경로: ../../images/v1/ico/ico-group-share.png
절대경로 : https://news.kbs.co.kr/resources/images/v1/ico/ico-group-share.png
상대경로는 항상 기준을 파악해야한다.
현재페이지 url 이 기주이다.
https://news.kbs.co.kr/news/view.do?ncd=5463343&ref=N
뒤에는 파일명이니까 빼고 ,
https://news.kbs.co.kr/news/ 이것이 기준경로이다.
../ 하면 https://news.kbs.co.kr/news 여기까지
../ 한번 더하면, 한단계 더 올라가야하는데 ,
https://news.kbs.co.kr/resources/images/v1/ico/ico-group-share.png
여기에 들어가서 이미지를 배경화면에 저장하고 image 폴더에 넣음
-->
<!-- 이미지 경로에 / 가 있으면 localhost인 https://news.kbs.co.kr/ 가 온다.
그래서 src="/data/news/2022/05/16/20220516_knYEKB.jpg" 가 왔다면
src=" https://news.kbs.co.kr/ data/news/2022/05/16/20220516_knYEKB.jpg"로 변경해야한다 .
이렇게되면 방송국서버에서 가져온것이다.
이미지를 저장해서 images 폴더에 넎고 해도 된다.
./images/2022/05/16/20220516_knYEKB.jpg
-->'WEB > HTML' 카테고리의 다른 글
| [HTML] 인라인모드 SPAN 태그 넓이,높이지정=> 블록모드 변경 (0) | 2022.05.17 |
|---|---|
| [HTML] 순서있는 목록 ol , 순서없는 목록 ul (0) | 2022.05.17 |
| 시험문제 풀이 (0) | 2022.05.17 |
| [HTML] table (0) | 2022.05.16 |
| [HTML] p - 높이지정, padding, margin, 배경이미지 (0) | 2022.05.16 |
'WEB/HTML' Related Articles
more
