本节简介:学习 常用的HTML标签,涉及网页美工部分的几种常见HTML标签及相关属性。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
<html>······</html>:HTML页面的一个基本标签,所有的内容都将放置在该标签下。<head>······</head>:HTML中的头部标签,可以设置网页的全局属性。<title>······</title>:位于<head>标签内,用于设置网页标题。<body>······</body>:位于<html>标签内,<head>下方,用于设置显示所有网页页面主
<head></head>头部标签<tilel></tilel>标题标签放在头部里面
超链接 : <base href=地址> 连接至路径 <a href=地址>...</a> 外部链接 <a href=地址 target=_blank></a> 外部链接(另开新窗口) <a href=地址 target=_top></a> 外部连结(全窗口连结) <a href=地址 target=框架名></a> 外部连结(在指定框架页面连结) <a hrel=
<form>...</form> 表单 <input/> 表单标签,可用来创建文本框、单选按钮、复选框等 <select>...</select> 下拉列表 <option>...</option> 下拉列表项,位于<select>...</select>内部 <textarea>...<textarea> 多行文本框
列表:<ul>...</ul> 创建一个无序列表 <ol>...</ol> 创建一个有序列表 <dir>...</dir> 创建目录式列表,每一个列表项不能超过十个中文 <menu>...<menu>创建选项式列表 <li>...</li> 列表项,位于上列任一代码内部,可多次使用 type 项目符号形式 <ul type=#>或<li type=#&g
<td>...</td> 单元格 border 边框厚度 bgcolor 表格背景颜色 cellpadding 单元格内填充 cellspacing 单元格间距 top 上对齐 middle 居中对齐 bottom 下对齐
表格及属性: <table>...</table> 表格 <tr>...</tr> 行
<img/> 图像,单标签 src 图像地址 width 图像宽度 border图框 height图像高度 alt图像替代文本
<p>...</p> 分段 <h1>~<h6> 一级到六级标题 <strong>...</strong> 粗体 <em>...</em> 斜体 font 字体属性变化。。可定义size、family 、color等 <u>...</u>下划线
网页常用的HTML标签:结构标签 <html>...</html> 所有内容都将放在该标签下 <head>...</head> 可以设置网页的全局属性 <title>...</title> 位于<head>标签内,用于设置网页标题 <body>...</body> 位于<html>标签内,<head>下方,用于设置显示所有网页页面主体
超链接:<base href=地址>链接至路径 <a href=地址>...</a>外部链接 <a href=地址 target=_blank></a>外部链接(另开新窗口) <a href=地址 target=_top></a>外部链接(全窗口链接)<a href=地址 target=_框架名></a>外部链接(在指定框架页面链接<a href=地址 target=_self&g
表单标签:<form>...</form>表单 <input/>表单标签,可用来创建文本框、单选按钮、复选框等 <select>...</select>下拉列表 <option>...</option>下拉列表项,位于<select>...</select>内部 <textarea>...</textarea>多行文本框
列表:<ul>...</ul>创建一个无序列表 <ol>...</ol>创建一个有序列表 <dir>...</dir>创建目录式列表,每一个列表项不能超过10个中文 <menu>...<menu>创建选项式列表 <li>...</li>列表项,位于上列任一代码内部,可多次使用 type项目符号形式 <ul type=#<li type=#> warp列表排列方式
表格及属性:<table>...</table>表格 <tr>...</tr>行 <td>...</td>单元格 border边框厚度 bgcolor表格背景颜色 cellpadding单元格内填充 cellspacing单元格间距 top上对齐 middle居中对齐 bottom 下对齐
图像及属性:<img/>图像,单标签 src图像地址 width图像宽度 border图框 height 图像高度 alt 图像替代文本
文本及效果标签:<p>...</p>分段 <br/>单标签、换行 <h1>~<h6>一级到六级标签 <strong>...</strong>加粗 <em>...</em>斜体 font字体属性变化..可定义size、family、color等 <u>...</u>下划线(文本css样式在head里面)
<html>······</html>:HTML页面的一个基本标签,所有的内容都将放置在该标签下。<head>······</head>:HTML中的头部标签,可以设置网页的全局属性。<title>······</title>:位于<head>标签内,用于设置网页标题。<body>······</body>:位于<html>标签内,<head>下方,用于设置显示所有网页页面主
<html>······</html>:HTML页面的一个基本标签,所有的内容都将放置在该标签下。<head>······</head>:HTML中的头部标签,可以设置网页的全局属性。<title>······</title>:位于<head>标签内,用于设置网页标题。<body>······</body>:位于<html>标签内,<head>下方,用于设置显示所有网页页面主