学习HTML

1<!--<!DOCTYPE html>文档类型声明
2HTML根标签
3<head>头部标签包括:<title><meta><link><script><style>
4<title>定义文档的标题<title>标签用于定义HTML页面的表题,即给网页取个名字,必须位于5<head>之内。
6<meta/>标签用于定义页面的原信息,可重复出现在<head>头部标签中
7<link>在<head>中使用<link>标签可引用外部文件,一个页面允许使用多个标签引用多个外部文件
8<style>标签用于为HTML文档定义样式信息,位于<head>头部文件中
9一个HTML文档中只能含有一对<title></title>
10mate定义关键字
(1).设置网页关键字:<meta name="keywords" content="网页、HTML、CSS"/>
(2).设置网页描述:<meta name="description" content="高职高专"/>
(3).设置网页作者:<meta name="author" content="信息工程系"/>
(4).设置字符集:<meta name="utf-8"/>
(5).设置页面的自动刷新与跳转<meta http-equiv="refresh" 11content="10;url=http://www.baidu.com"/>
12<body>主体标签包含了文本所有内容 body主要有两个属性:01.页面背景(background) 02.页面背景颜色(bgcolor)
13<body></body>主体标签
14<p></p>段落标签
15<h1></h1>标题标签
16<a></ a>超链接标签
17<img/>图片标签
18<ul><li>//<ul> 标签定义无序列表。//将 <ul> 标签与 <li> 标签一起使用,创建无序列表// 一个有序列表 (<ol>) 和 一个无序列表 (<ul>) //<li> 标签定义列表项目。//<li> 标签可用在有序列表(<ol>)、无序列表(<ul>)和菜单列表(<menu>)中。
19标签的属性:颜色、字号、字体、位置
20语法格式<标签名属性1=“属性值1” 属性2=“属性值2“……>内容</标签名>
<h1 align="center">我爱你</h1>  center为属性值,表示标题文本居中对其
<palign="center">
<font clor="#979797" size="2">
跟新时间:2019年09月06日14时08分来源:
<font color="blue">信息工程系</font
</font>
</p>
<p>标签中包含<font>标签 在嵌套结构中,HTML元素的样式总是遵从“就近原则”。
标签中可以包含完整的标签
<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
在文本中加入强调也需要有技巧。如果强调太多,有些重要的短语就会被漏掉;如果强调太少,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调
尽管现在 <em> 标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用 <i> 标签。
<i> 标签显示斜体文本效果。<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
提示:<i> 标签一定要和结束标签 </i> 结合起来使用。
在标签的嵌套过程中,必须先结束最靠近内容的标签,在按照由内及外的的顺序依次关闭标签。
文本标签
标题标签HTML提供6个<h1><h2><h3><h4><h5><h6> 语法格式<hn align="对其方式">标题文本</hn> n的取值为1到6,align属性为可选属性,用于对其方式用于标题的对其方式
align属性设置对齐方式其取值如下:
left:设置标题文字左对齐(默认值)
center:设置标题文字剧中对其
right:设置标题文字有对齐
段落标签主要把文字有条理的显示出来  语法格式<p align="对齐方式">段落文本</p>
水平线用于段落与段落之间隔开,使得结构文档清晰层次分明。语法格式<单标签属性=“属性值”> <hr/>是单标签,在网页中输入一个标签,就添加了一条默认样式的石平线
align设置水平线的对齐方式可选left right center
HTML结构css表现js行为
<!DOCTYPE HTML> 特殊且固定的文档声明标签
<b>加粗内容</b>只是显示加粗
<strong>强调的内容</strong>突出的文本
<em>强调文本</em>
<i>倾斜文本</i>
<s>文本</s>删除线
<del>文本</del>删除线
<u>文本</u>下划线
<sub></sub>下标
<sup></sup>上标
<hrcolor="red" width="300px" align="right">
color=====颜色
 width=====宽度
align=====对其方式
 noshade===取消阴影

 尖角号 &lt; 左尖角号 &gt;右尖角号
 空格 &nbsp;该空格占据宽度受【字体】影响明显而强烈
 &emsp;占据的宽度正好是1个中文宽度且基本上不受字体影响
 版权 &copy; c
 商标 &trade;TM&reg;R
div标签,没有具体的含义,用来划分页面区域,独占一行
span,没有实际意义,主要应用在对于文本独立修饰的时候,内容有多宽就占用多宽的空间距离。
无序列表
<ul>
    <li>无序列表 </li>
    <li>无序列表 </li>
</ul>
有序列表
<ol type=”A” start=”4”>
<li>有序列表</li>
<li>有序列表</li>
</ol>
type类型start开始
自定义列表
<dl>
    <dt>可以是文字也可以图</dt>
    <dd>相关文字</dd>
</dl>
ctrl+/=注释
有序列表:li里面可以随意放标签但是ol里面只能放li  数字是自动生成的 type:1,a,A,i,I strat:取值只能是一个数字
无序列表:ul里面只能放li,li里面可以放其他标签  默认的是黑色的实心圆  type, disc circle square none(用的多)
<img src="imagers/3.gif"  >
同级目录
1.01.gif
2.  ./01.gif:./当前路径
路径的分类
1.绝对路劲:绝对路劲是指文件在硬盘上真正存在的路劲.绝对路路径在真正开发中很少使用.绝对路径可以使用“\”或者"/"作为目录的分隔符.
相对路劲就是对于自己目标文件位置 ,当前文件与目标文件在同一目录下直接书写目标文件的文件名+扩展名<img src="pic4.gif">
../../上一级的上一级,多级返回
< img src="图片路径”title=title="鼠标悬停上去之后的提示信息”alt="图片不显示之后(加载失败)的提示信息width=“200px”height=200px”/>
超链接标签:能够实现不同页面的跳转
<a href="路经" title="鼠标悬停上去之后的提示信息”target="规定在何处打开文档">内容</a>target属性:规定在何处打开文档。A.target=“_self”默认值  B.target="_blank"新窗口打开
table表格的基本结构 表格的创建
<table>
<tr>
     <td></td>
     <td></td>
</tr>
<tr>
     <td></td>
     <td></td>
</tr>
</table>
表格属性  1.宽度width 2.高度height 3.边框border 4.背景颜色bgcolor 5.边框颜色border color 6.水平对齐:aling="left或right或center" 7.cellspacing="单元格与单元格之间的间距" 8.cellpadding="单元格与单元格之间的空隙" width:px,%(相对于父元素的)
行hr属性 1.高度height 2.背景颜色bgcolor 3.文字水平对其align="left或right或center" 4.文字垂直对齐 valign="top"或middle或bottom. 
单元格td属性属性 1.宽度width 2.高度heigth 3.颜色背景bgcolor 4.文字水平对其align="left或right或center" 5.文字垂直对齐 valign="top"或middle或bottom. 
td:如果一个单元格的设置宽度,影响这一整列的宽度;如果一个单元格的设置高度,影响这一整行的高度6+
表格的合并列Colspan="所需要合并的单元格的列数"必须给td
表格合并行Rowapan"所需要合并的单元格的行数"必须给td
表单标签  表单的总用:收集用户信息。
 

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

酒菡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值