HTML基础知识(上)

什么是HTML?

HTML是用来描述网页的一种语言
HTML指的是超文本标记语言:HyperText Markup Languafe
HTML不是一种编辑语言,而是一种标记语言
HTML使用标记标签来描述页面
HTML文档包含了HTML标签及文本内容
HTML文档也叫做web页面

第一个网页

文档标记<!doctype html>
头部标记<head></head>meta charset="uft-8"  文档解码
主题标记<body></body>

浏览器内核

Trident(IE内核)
Gecko(Firefox内核)
Webkit(Safari内核,Chrome内核,开源)

常用标签

p标签:段落标签,块元素
img标签:图片标签,行内块元素
 

width/height宽高
title鼠标经过显示
alt图片替代文本
src绝对路径:https://xxxx
相对路径:xxxx.jpg


<h1>-<h6>标签:标题标签,块元素
<br>换行标签
<a>超链接

快捷键

ctrl+k格式化代码
ctrl+shift+R快捷复制上一行
ctrl+/注释
ctrl+F搜索
ctrl+]给选中的加一个标签
ctrl+shift+e实现修改外部标签
shift+tab去除缩进

标签

ul>li        无序列表
ol>li        有序列表
dl>dt>dd        定义列表
div        块元素(block),支持宽高,自动换行,可以包裹全部标签
span        行内元素(inline),不支持宽高,不换行
marquee        滚动标签    behavior 行为    direction 方向
pre        预定义格式化文本标签
<b> 样式加粗        <strong> 强调和样式加粗
<i> 样式倾斜        <em>强调和样式倾斜
<sub> 下标        <sup> 上标
<font color size> 字体大小和颜色
<hr width="" color=""> 水平线
HTML特殊符号
 

&lt;<
&gt;>
&nbsp;空格

超链接:

<a href='页面路径' target='目标'        _blank 空白窗口打开

锚链接:

设置锚点 id=xxx
跳转锚点<a href='#xxx'></a>

iframe 框架     

frameboeder='0/1'  是否有框架

<iframe src='页面路径' scrolling='yes/no' 滚条 broeder='0/1' width='' height='' >行内块元素

frameset 框架集

body与frameset不能同时使用
<frameset cols=''>按列分        <frame src='路径'>        <frameset rows=''>按行分

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值