1.认识HTML:
html不是一种编程语言,是一种标记语言。标记语言是由一套标识标签组成的。html使用标签来描述网页。
<!-- 设置文档类型为:html -->
<!DOCTYPE html>
<!-- html是根标签,有且仅有一个,代表整个文档,lang设置页面默认语言为english -->
<html lang="en">
<!-- head是头标签,它的内容供浏览器读取,除title外, 其它内容用户并不关心 -->
<head>
<!-- 设置当前页面中的文本采用的默认编码字符集为utf8 -->
<meta charset="UTF-8">
<!-- 设置页面标题文本内容,显示在游览器窗口的标签页 -->
<title>Document</title>
</head>
<!--浏览器显示的内容-->
<body>
</body>
</html>
2.HTML标签
<h1>—-<h6>用于标题文本,会使字体变大,h1>h2>h3>h4>h5>h6>h7
<p>标签 段落标签
<strong>文字产生加粗效果
<span>对被用来组合文档中的行内元素
<em>文字斜体
<a>超链接,他有一个必不可少的属性 href(超链接地址)
href*属性:设置跳转的网页地址
target属性:设置跳转的目标
创建锚点和锚链接
锚点也是一种超链接,是页面内进行跳转的超链接
第一步:创建锚点 <a name="锚点名称"></a>
第二步:使用创建好的锚点名称 <a href="#锚点名称">内容</a
<hr />在页面中添加一条水平分隔线
3.列表
<ul>无序列表
无序列表是一个没有顺序项目的列表,默认粗体圆点进行标识
无序列表-列表符号:type="circle" 空心圆 type=“disc” 实心圆 默认值 type="square" 方块符
<ul >
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
</ul>
无序列表-嵌套
<ul>
<li>柚子
<ul>
<li>沙田柚</li>
<li>蜜柚</li>
</ul>
</li>
<li>荔枝</li>
<li>苹果</li>
</ul>
<ol>有序列表
有序列表也是一列项目,只是列表项目使用的是数字进行标记
有序列表-列表符号
type="A" A B C D
type="a" a b c d
type="1" 1 2 3 4
type=”I” I II III
type=”i” i ii iii
<ol>
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
</ol>
有序列表-嵌套
<ol>
<li>茶
<ul>
<li>红茶</li>
<li>绿茶</li>
</ul>
</li>
<li>果汁</li>
<li>牛奶</li>
</ol>
<dt>定义列表
定义列表不仅仅是一列项目,而是项目及其注释的组合。定义列表,类似于名称解释,常用用来做友情链接
<dl>
<dt>php中文网</dt>
<dd>学习网页前后端</dd>
</dl>
dd是对dt的解释
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery