HTML基础复习1

网页:HTML(超文本标记语言)

网页分为静态网页和动态网页,区别:动态网页中可以加入脚本代码,还可以动态的引入数据库中的信息。
HTML的结构
1732444-20190731214203198-1719809681.png

<html>
    <head>头信息
    <title>网页的标题</title>
    
    </head>
    <body>网页信息</body>
</html>
Head标签中的子标签:

title:网页标题栏标签
meta:设置浏览器显示该网页的编码
<meta http

  • gbk、gb2312:中文编码(只有中文占用两个字节)
  • utf-8:万国码(所有的内容都是以两个字节来显示)
  • iso-8859-1:英文编码(不能解析中文)
    可以解决网页中的乱码
    1732444-20190731214217226-1753885492.png

<style>css样式</style>
<link href = "引入外部css/">
<script>js代码</script>

单标签:

<br/>,<meta />
自己结束的标签

双标签:

<html></html>
需要结束的标签,里面可以写其他标签

Body标签中常见的标签
  1. <h1></h1>:标题标签:数字可以从1~6,对应着1级标题到6级标题
    特点:加粗、会产生空白行。
    属性:就是写在开始标签中。 align水平对齐(默认居中)align="right"(右对齐) align="left"(左对齐) <h1 align>一级标题</h1>
  2. <p></p>段落标签:
    特点:会产生换行。align水平对齐
  3. <br/>换行标签:
  4. 注释:
  5. 空格:&nbsp;

  6. :水平线
    属性:设置颜色:color = 单词或者十六进制#????
    设置宽度:width = "数字或者百分比"
    设置粗细:size = "数字或者百分比"
    设置对齐方式:align = "水平线所在的位置"
  7. <font></font>:设置文本的字体
    颜色:color = ""
    大小:size = "" 1~7
    字体:face = ""
  8. <u></u>:下划线
  9. <s></s>:删除线
  10. <i></i>:斜体
  11. <b></b>:加粗
  12. <center></center>:居中标签
  13. bgcolor = "颜色":Body的属性
超链接

<a href = "连接路径">文字</a>

连接路径:
  1. 相对路径:以当前所在的页面为基准。
    如果访问的为本工程下的资源用相对路径。
    如果访问的为同一个目录下的,可以直接用网页名称
    如果访问的为下一个目录下的,目录名/网页名称
    如果访问的为上一层目录下的,../网页名称 上上层../../网页名称
  2. 绝对路径:
    如果访问其他工程下的资源用绝对路径。
    域名通过域名解析(DNS)成为ip地址。
    1732444-20190731214234825-1626372907.png
书签连接(了解):

指向文档内部的连接,通常在浏览很长的文档使用以便于导航。
<a href = "#标签名"></a> <a name = "标签名"></a>

target:

target = "\_blank":在新窗口打开连接
target = "\_self"

图片和多媒体文件的使用:

<img src = "图片的路径"/>可以相对路径和绝对路径
属性:
width = "":宽度
height = "":高度
border = "":边框
<title></title>:鼠标放上去显示的文本
<alt></alt>:当图片无法加载是显示的内容
hspace = "":该图片与同行内容间的水平距离
vspace = "":该图片上下的垂直距离
align:

  • align = "top":该图片与同行元素顶部对齐
  • bottom:
  • middle:
  • left:该图片靠左显示
  • right:该图片靠右显示

    图片超链接:

    在img外面加一个<a href = "链接地址"></a>标签

    设置图片热区连接:

    usemap = "#map的名称"
    <map name = "map的名称">
    <area shape = "" coords = "" href = ""/>
    </map>

    背景图片:

    body background

    滚动字幕:

    <marquee></marquee>
    滚动速度:scrollamount = ""
    滚动方向:direction = ""
    背景颜色:bgcolor = ""

    音频视频标签

    <embed sec = "" width = "" height = "">
    </embed>

    列表
    无序列表

    <ul type= "circle|square">开始 <li> </li>表示每一个列表项 </ul>

    有序列表

    <ol type="a|A|I|i"(默认1,2,3,4) start="2"(表示从2开始)>开始 <li> </li> </ol>

    定义列表
    <dt>
    </dt>
    <dd>
    </dd>
</dl>

转载于:https://www.cnblogs.com/wuliqqq/p/11279218.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值