1、什么是HTML?
HTML:指是一种超文本标记语言,是一种标记语言,使用标签来描述网页;
HTML文档:包含HTML标签及文本内容,也叫作Web页面,HTML就是用于编写这种文档的一种标记语言;
2、文本
- 文本基础设置
<center>文本<center/> <!-- 居中显示 -->
<font size=3 color="red">静夜思</font> <!-- 设置文本字号,颜色 -->
<b>床前明月光,疑是地上霜</b> <!-- 使文本设置为粗体 -->
<i>举头望明月,低头思故乡</i> <!-- 斜体 -->
<p>这是一个段落</p>
3、常用字符实体
- 标签和属性不区别大小写,实体引用区别大小写;
4、列表—指定编号的格式和顺序
- 创建带编号列表
- disc—显示为实心圆圈
- square—显示为实现方块
- circle—显示为空心圆圈
<ol start="1">
<li>《啦啦啦》
<li>《葫芦娃》
<li>《小仙女》
</ol>
<ol type="a">
<li>《三国》
<li>《羊脂球》
<li>《飘》
</ol>
<ul type="disc">
<li>《啦啦啦》
<li>《葫芦娃》
<li>《小仙女》
</ul>
<ul type="square">
<li>《啦啦啦》
<li>《葫芦娃》
<li>《小仙女》
</ul>
<ul type="circle">
<li>《啦啦啦》
<li>《葫芦娃》
<li>《小仙女》
</ul>
- 实际效果
5、表格-定义标签
<body>
<table border="1" align="center" bgcolor="#ffdddd">
<caption>2018年期中考试成绩单</caption>
<tr align="center" valign="middle">
<th>姓名</th>
<th>语文</th>
</tr>
<tr align="center" valign="middle">
<th>王子</th>
<th>88</th>
</tr>
<tr align="center" valign="middle">
<th>羔羊</th>
<th>80</th>
</tr>
</table>
</body>
- 效果图:
6、表单 - 单行文本输入控件 type=“text”
- 提交按钮 type=“submit”
- 重置按钮 type=“reset”
- 口令输入控件 type=“password”
- 单选按钮 type=“radio”
- 复选框 type=“checkbox”
- 隐藏控件 type=“hidden”
7、超链接:
<a href="form.html">表单的例子</a>
<a href="../form.html"> 举例</a>
<a href="E:/牛牛/table.html>表单的例子</a>
<a href="https://blog.csdn.net/qiqibei666" </a>
8、嵌入图像
<img src="URL" width=n height=n>
- 属性src指定图像资源的位置,属性width和height用于指定图片的尺寸。
小结:
通过牛腩的操作过程对HTML的一些应用,再听这个视频感觉熟悉了不少,实践中学习;