Я безуспешно пытался выделить название курса жирным шрифтом. Я тоже безуспешно пытался использовать идентификатор, даже если использую font-weight:bold;. Наконец, это хороший способ показать курсы колледжа? Позже мне придется получить данные из базы данных, и до сих пор использование макетов данных генерирует таблицы очень хорошо, но я не так хорошо знаком с отображением на интерфейсе.

<div class="classes_wrapper">
        <div class="classes_wrapper_title"><h4>COURSES I AM TAKING</h4></div>
        <div id="my_classes">
            <table class="classes">
                <tr id="course_title">
                    <td><h4>Cal & Analytic Geometry</h4></td>
                </tr>
                <tr id="course_info">
                    <td><h5>MA 2330/ Section 001</h5></td>
                </tr>
                <tr id="time_frame">
                    <td><h5>August 31, 2020 - December 22, 2020</h5></td>
                </tr>
                <tr id="course_time">
                    <td><h5>Tue,Thu 01:00PM - 02:30PM</h5></td>
                </tr>
                <tr id="course_setting">
                    <td><h5>REMOTE</h5></td>
                </tr>
            </table>
        </div>
    </div>
0
user12697682 10 Ноя 2020 в 10:34

1 ответ

Лучший ответ

Вот один способ.

Я заметил, что все ваши классы уже были внутри тегов <h5>, поэтому они уже были выделены жирным шрифтом.

Я удалил эти теги и нацелил все tds в вашем коде с помощью этого CSS, чтобы сделать их все жирным:

td {
font-weight: bold;
}

Наконец, вам решать, как отображать данные. Когда вы позже извлечете данные из базы данных, вам придется использовать некоторые программы, которые не будут частью вашего HTML.

td {
font-weight: bold;
}
<div class="classes_wrapper">
        <div class="classes_wrapper_title"><h4>COURSES I AM TAKING</h4></div>
        <div id="my_classes">
            <table class="classes">
                <tr id="course_title">
                    <td>Cal & Analytic Geometry</td>
                </tr>
                <tr id="course_info">
                    <td>MA 2330/ Section 001</td>
                </tr>
                <tr id="time_frame">
                    <td>August 31, 2020 - December 22, 2020</td>
                </tr>
                <tr id="course_time">
                    <td>Tue,Thu 01:00PM - 02:30PM</td>
                </tr>
                <tr id="course_setting">
                    <td>REMOTE</td>
                </tr>
            </table>
        </div>
    </div>
1
Aib Codes Daily 10 Ноя 2020 в 07:42