实训随笔4:HTML初入门

1、<td>与<tr>标签

表格制作时,应该一行一行的画,即<tr>应该包含<td>标签,正确示例如下:

<h3>测试数组初始化与操作</h3>
    <table id="carName" width="120px" border="100px">
        <tr>
            <td>No</td>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>CarName</td>
            <td id="first">Aodi</td>
            <td id="second">Benchi</td>
            <td id="third">BYD</td>
        </tr>
    </table>

执行结果如图:

如果<td>标签写到了<tr>标签里面,就会出现下面的效果。

2、JS和CSS语句可以独立成文件,然后链接到html文件中。

<script src="myScript.js"></script>
<link rel="stylesheet" href="test.css" />

3、CSS盒子模型

4、VSCODE中文乱码问题

编写html编码方式应为utf-8,否则中文显示会出现乱码问题,应该在右下角修改,而不是在html页面中定义。

原文地址:https://www.cnblogs.com/BoqianLiu/p/9253294.html

时间: 2024-10-25 07:52:22

实训随笔4:HTML初入门的相关文章

实训随笔:从零开始Spring项目

Spring Boot是什么 SpringBoot是伴随着Spring4.0诞生的: 从字面理解,Boot是引导的意思,SpringBoot帮助开发者快速搭建Spring框架: SpringBoot帮助开发者快速启动一个Web容器,它继承了原有Spring框架的优秀基因,简化了使用Spring的过程. Spring由于其繁琐的配置,一度被人认为"配置地狱",各种XML.Annotation配置,让人眼花缭乱,而且如果出错了也很难找出原因. Spring Boot更多的是采用Java C

实训随笔:EL表达式JSON应用

由于之前在学校写的jsp页面都是夹杂着java代码的,所以之前写了个jsp,满满的<%%>和java代码,老师说那样太不美观了啊!!!要全部用EL表达式替代了.本人还是太笨了,弄了一上午才把页面改回来,其实就一点点的工作量,主要是用json传值的,导致好多问题都在网上找不到解决方案,搜索能力有待提高啊. 首先要就是要导入包和设置之类的东西吧. <%@page isELIgnored="false"%> <%@ taglib prefix="c&q

【CC2530入门教程-增强版】基础技能综合实训案例(基础版)-终端源码

[CC2530入门教程-增强版]基础技能综合实训案例(基础版)-终端源码 广东职业技术学院 欧浩源 一.关于硬件电路 关于这个综合实训案例,具体需求详见<[CC2530入门教程-增强版]基础技能综合实训案例(基础版)-题目需求>. 我自己实在"全国职业院校技能大赛--物联网技术应用赛项"的Zigbee模块上实现的.该模块的电路应该和TI公司官方评估板的推荐电路差不多,我想现在市面上很多开发板也是参考这样的电路设计,只要您使用的开发板上有LED灯.按键输入.串口输出和一路A/

郑重告之:智能合约开发实训营第4期学员招募正式启动!

各位同学,抱歉久等了- 这是终于到来的<以太坊智能合约全栈开发>实战特训营第四期的正式招募通知. <以太坊智能合约全栈开发>实战特训营是由硅谷密探和 celer network 共同打造的全球第一档·智能合约全栈开发实战课程,也是目前唯一一个实现来自中.美.澳.英.日.韩等多国学员在线互动学习的区块链技术实战特训课程. 为了保证教学质量,如今已调整为每期仅招募100人,参与有门槛,需经过层层审核,录取通过率一度不到10%,并非所有人都适合参与. 拉至文末可直接进行报名. 请点击此处

山西高平地域文化导入美术设计实训项目的实践

地域文化,是指某个地域的人们在特定的范围内,在自然环境的基础上,在长期的生产生活中创造的.人类活动的产物.山西高平是神农炎帝的故里,长平之战的发生地,是一个有着很深文化积淀的新兴城市,行政区域是国土面积的万分之一,却浓缩了中国五千年文化的精髓.本文通过对山西高平丰富的历史文化资源的调查研究,探讨如何将地域文化元素导入中职美术设计专业的实训项目教学过程,论证典型地域文化元素在中职美术设计教育中的独特作用,并以此作为教学实训素材,依托带有典型地域文化特征的企业真实案例,结合教育教学实践,探索中职美术

BeagleBone Black项目实训手册(大学霸内部资料)

BeagleBone Black项目实训手册(大学霸内部资料) 介绍:本教程是<BeagleBone Black快速入门教程>的后续教程.本教程以项目操作为主,讲解LED项目.声音项目.传感器项目以及显示项目,并对Beaglebone Black的GPIO.PWM以及I2C等特殊的接口进行详细讲解. 试读下载地址:http://pan.baidu.com/s/1eQozxnG BeagleBone Black项目实训手册 目  录 第1章  准备开始 1 1.1  启动你的Beaglebone

Android实训案例(六)——四大组件之一BroadcastReceiver的基本使用,拨号,短信,SD卡,开机,应用安装卸载监听

Android实训案例(六)--四大组件之一BroadcastReceiver的基本使用,拨号,短信,SD卡,开机,应用安装卸载监听 Android中四大组件的使用时重中之重,我这个阶段也不奢望能把他所有的原理搞懂,但是最起码的,我要把他的各种使用方法了如指掌才行 BroadcastReceiver 接收系统的广播,比如电话,短信之类的 1.IP拨号器 我们在拨打电话的时候,我们系统也会事先发送一个广播,所以我们可以用广播接收者来接收到这个广播拨打电话的时候在电话号码前面加上一些优惠的长途短号,

实训二----博客三- 学期总结

本学期期末总结 1:本学期学习内容 本学期共十五章学习内容,课上共学十二章内容,自学两章内容.第一章java入门,这一章学习了Java的由来和安装Java软件.第二章基本数据类型与数组,学习了标识符与关键字,基本数据类型,类型转换运算,输入输出数据和数组.第三章主要学习了运算符与表达式还有If条件分支语句循环语句.第四章和第五章分别学习了类与对象和子类与继承,这两个是很重要的内容,也是我没有学好的内容.第六章接口与实现第七章内部类与异常类.第八章常用实用类,主要是String类date类.第十章

老男孩linux实训学生入学资格考试题(技术部分)

################################################################ 本文内容摘录于老男孩linux实战运维培训中心入学考试题(答案部分) 如有转载,请务必保留本文链接及版权信息. 欢迎广到运维兄弟一起交流linux/unix网站运维技术! 网站运维交流群:114580181 45039636 37081784  老男孩 QQ:31333741  mail:[email protected] ======================