{"id":15423,"date":"2020-11-12T13:49:30","date_gmt":"2020-11-12T13:49:30","guid":{"rendered":"http:\/\/blog.citl.mun.ca\/technologyresources\/?page_id=15423"},"modified":"2025-11-06T16:23:20","modified_gmt":"2025-11-06T19:53:20","slug":"create-table-in-html-page","status":"publish","type":"page","link":"https:\/\/blog.citl.mun.ca\/technologyresources\/create-table-in-html-page\/","title":{"rendered":"Creating a Table in an HTML Page"},"content":{"rendered":"\n<p><div class='content-column one_third'><div id=\"bellows-main-htmleditor\" class=\"bellows bellows-nojs bellows-main bellows-source-menu bellows-align-left bellows-skin-vanilla bellows-type- bellows-expand-current\"><ul id=\"menu-html-editor\" class=\"bellows-nav\" data-bellows-config=\"main\"><li id=\"menu-item-26053\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-home bellows-menu-item-has-children bellows-menu-item-26053 bellows-item-level-0\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Home<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n<ul class=\"bellows-submenu\">\n\t<li id=\"menu-item-26057\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-26057 bellows-item-level-1\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/brightspace-guides\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Brightspace Guides<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t<ul class=\"bellows-submenu\">\n\t\t<li id=\"menu-item-26069\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-26069 bellows-item-level-2\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/brightspace-guides\/content\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Course Content<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t\t<ul class=\"bellows-submenu\">\n\t\t\t<li id=\"menu-item-26029\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-has-children bellows-menu-item-26029 bellows-item-level-3\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/brightspace-guides\/content\/using-the-html-editor\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Brightspace (HTML) Editor<\/span><button class=\"bellows-subtoggle\" aria-label=\"Toggle Submenu\"><i class=\"bellows-subtoggle-icon-expand fa fa-chevron-down\"><\/i><i class=\"bellows-subtoggle-icon-collapse fa fa-chevron-up\"><\/i><\/button><\/a>\n\t\t\t<ul class=\"bellows-submenu\">\n\t\t\t\t<li id=\"menu-item-26037\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26037 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/set-up-kit-create-edit-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Creating a New Page<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26031\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26031 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/access-html-editor-within-a-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Accessing the Editor from an Existing Page<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26041\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26041 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/create-headings-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Creating Headings<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26035\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26035 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/create-in-hyperlink-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Creating Hyperlinks<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26045\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26045 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/link-pdf-or-ppt-from-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Linking to PDF or PPT Files<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26033\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26033 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/add-image-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Adding Images<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26039\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26039 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/create-table-in-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Creating Tables<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26043\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26043 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/embed-video-in-html-page\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Embedding Videos<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26051\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26051 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/brightspace-guides\/communication\/brightspace-video-note\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Video Note<\/span><\/a><\/li>\n\t\t\t\t<li id=\"menu-item-26047\" class=\"bellows-menu-item bellows-menu-item-type-post_type bellows-menu-item-object-page bellows-menu-item-26047 bellows-item-level-4\"><a  href=\"https:\/\/blog.citl.mun.ca\/technologyresources\/brightspace-guides\/content\/357-2\/\" class=\"bellows-target\"><span class=\"bellows-target-title bellows-target-text\">Brightspace Editor FAQs<\/span><\/a><\/li>\n\t\t\t<\/ul>\n<\/li>\n\t\t<\/ul>\n<\/li>\n\t<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul><\/div><\/div><div class='content-column two_third last_column'><h1 class=\"wp-block-heading\">Creating a Table in an HTML Page<\/h1>\n\n\n\n<ol class=\"wp-block-list\">\n<li>While editing an HTML page, place your cursor on the area of the page where you would like to insert the table. Using the Brightspace editor, click on the Table button, then on <strong>Insert Table<\/strong>. (You may need to click <strong>Other Insert Options<\/strong> to see the table option)<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1425\" height=\"73\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/insert-table-1024x99-1.png\" alt=\"Brightspace Editor screenshot with table and other insert options highlighted\" class=\"wp-image-22369\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/insert-table-1024x99-1.png 1425w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/insert-table-1024x99-1-300x15.png 300w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/insert-table-1024x99-1-1024x52.png 1024w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/insert-table-1024x99-1-768x39.png 768w\" sizes=\"auto, (max-width: 1425px) 100vw, 1425px\" \/><figcaption class=\"wp-element-caption\">Insert table<\/figcaption><\/figure><\/div>\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>A grid will appear. Click and drag on the grid to select the number of cells (columns and rows) you need. (Note that you can increase\/decrease the rows and columns later.) Once you stop dragging and release the mouse click, an empty table will appear. You can populate the table by placing text in each cell of the table.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"429\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/draw-table-grid.png\" alt=\"Screen shot of Draw Table Grid menu\" class=\"wp-image-22375\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/draw-table-grid.png 340w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/draw-table-grid-238x300.png 238w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><figcaption class=\"wp-element-caption\">Table grid<\/figcaption><\/figure><\/div>\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>There are a number of common table editing options available for tables such as merge, split, insert\/remove rows and columns, etc. To access the options, place your cursor in a table cell (or highlight several rows or columns). Click the <strong>arrow<\/strong> next to the table icon.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"399\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/table-actions.png\" alt=\"Screen shot of table options menu\" class=\"wp-image-22393\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/table-actions.png 303w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/table-actions-228x300.png 228w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><figcaption class=\"wp-element-caption\">Table actions<\/figcaption><\/figure><\/div>\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>In order to increase the readability of your tables and also to increase accessibility for students, you can indicate which table rows and columns are headings. Place your cursor in a table cell.\u00a0 Click the <strong>arrow<\/strong> next to the table icon and then click <strong>Cell<\/strong>, then <strong>Cell Properties<\/strong>.\u00a0\u00a0<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"295\" height=\"286\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/cell-properties.png\" alt=\"screen shot of cell properties menu\" class=\"wp-image-22397\" \/><figcaption class=\"wp-element-caption\">Cell properties<\/figcaption><\/figure><\/div>\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Under Cell Type. Choose <strong>Column Header<\/strong>, for example to indicate that the cell is a column header. Click <strong>Save<\/strong>.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"486\" src=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/cell-type.png\" alt=\"Cell properties: cell type screen shot\" class=\"wp-image-22405\" srcset=\"https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/cell-type.png 500w, https:\/\/blog.citl.mun.ca\/technologyresources\/files\/2021\/10\/cell-type-300x292.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><figcaption class=\"wp-element-caption\">Cell properties: cell type<\/figcaption><\/figure><\/div>\n\n\n<ol start=\"6\" class=\"wp-block-list\">\n<li>Be sure to save your changes when finished by clicking <strong>Save <\/strong>or<strong> Save and Close<\/strong> at the bottom of the HTML editing window.<\/li>\n<\/ol><\/div><div class='clear_column'><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":55,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[121],"class_list":["post-15423","page","type-page","status-publish","tag-set-up-kit"],"featured_image_src":null,"_links":{"self":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/15423","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/users\/55"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/comments?post=15423"}],"version-history":[{"count":15,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/15423\/revisions"}],"predecessor-version":[{"id":36207,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/pages\/15423\/revisions\/36207"}],"wp:attachment":[{"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/media?parent=15423"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/categories?post=15423"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.citl.mun.ca\/technologyresources\/wp-json\/wp\/v2\/tags?post=15423"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}