HTML笔记(一) 基础标签

web标准:结构(html)-->表现(css)-->行为(js)
<!DOCTYPE html> 指html5版本
<meta charset="UTF-8"> 字符集类型是utf-8
 
1、html骨架<html><head><tiitle></title></head><body>xx</body></html>
2、标题标签<h1></h1><h2><h3><h4><h5><h6>
3、段落<p>,里面内容为一段,下面内容自动跳行
           <hr />水平线标签 //单标签后面要加 /
           <br />换行标签 //单标签
4、<div>块布局
     <span>行内标签布局
5、<b>粗体文本,推荐<strong>强调文本,粗体
      <i>斜体,推荐<em>强调文本,倾斜
      <s>中间删除线文本,h4已不用,推荐<del>中间删除线文本
      <u>文本下划线,一般超链接使用,h4已不用,推荐<ins>文本下划线,一般与<del>一起使用,表示删除和已插入新的内容
6、添加图片:
      <img src="xx.gif"  title="鼠标移到图片上显示的提示" alt="图片无法加载显示的字" /> //单标签
       同一路径:<img src="xx.gif">
       上一级路径:<img src="../xx.gif">
       下一级路径:<img src="xx文件夹名称/xx.gif">
7、链接:
       <a href="http://www.baidu.com" target=" _blank">
        target几个属性: _blank  在一个新的窗口打开被连接文档
                                    _self   在当前页面打开被链接文档
                                    _parent   在父框架集中打开被链接文档
                                    _top   在整个窗口打开被链接文档 
8、锚点连接:<a href="#two">   点击a链接直接跳转到h3片段 --><h3 id="two">
9、base标签:统一打开模式  //单标签
              <baes  target="_blank" />
10、特殊字符:空白格&nbsp;  < &lt;   >&gt;
11、注释标签:<!--  -->
12、绝对路径:从当前路径开始描述上级或下级路径的文件或者图片,../xx.gif
       相对路径:从盘符开始的路径, C:\windows\system32\cmd.exe/https://www.baidu.com>
13、列表:
        黑圆点无序列表:<ul><li>a</li><li>b</li></ul>
        有一二三排序列表:<ol><li>1</li><li>2</li></ol>
        无圆点无排序列表:<dl><dt>前面无空格</dt><dd>前面空两格</dd></dl>
 
 
行内元素:img  span  a    
块级元素:div  h  p
单标签:<hr/>水平线  <br/>换行  <img/>图片   < input />
 
 
posted @ 2020-06-22 16:28  kalends  阅读(121)  评论(0编辑  收藏  举报