码迷,mamicode.com
首页 > Web开发 > 详细

HTML知识点总结

时间:2020-07-10 09:24:19      阅读:56      评论:0      收藏:0      [点我收藏+]

标签:rowspan   init   表示   告诉   简介   access   跳转   文档   编写   

HTML简介

HTML :HyperText Markup Language
  超文本 :文本内容 + 非文本内容(图片、视频、音频等)
  标记 :又叫标签
  语言 :编程语言

标签

单标签 :<……>
双标签 :<……> </……>
标签的属性:来修饰标签的,设置当前标签的一些功能。

  <标签 属性=”值”  属性2=”值2”>

 

初始代码

<!DOCTYPE html>      //文档声明 : 告诉浏览器这是一个html文件
<html lang="en">     //html文件的最外层标签:包裹着所有html标签代码 lang=”en”表示是一个英文网站,lang=”zh-CN”表示是一个中文网站
<head>  
<meta charset="UTF-8"> //元信息:是编写网页中的一些辅助信息charset=“utf8”国际编码,让网页不出现乱码的情况  
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title> //设置网页的标题
</head>
<body>  
      //显示网页内容的区域
</body>
</html>

注释

<!--注释内容-->

引入文件的路径

相对路径
  .在路径中表示当前路径(当前./dog下一级./img/animal/dog.jpg)
  ..在路径中表示上一级路径(..img/animal/dog.jpg)
绝对路径
  E:ke/qf_dl201901/2019108/img/animal/dog.jpg
  http://cms-bucket.ws.126.net/2019/04/16/7a5b31e0ce5474a7515.jpeg

(尽量避免反斜线)

HTML全局属性

属性 描述 属性值 描述 提示和注释
accesskey 规定激活(使元素获得焦点)元素的快捷键。     注释:以下元素支持 accesskey 属性:<a>, <area>, <button>, <input>, <label>, <legend> 以及 <textarea>。
dir 规定元素中内容的文本方向 Itr 默认。从左向右的文本方向。  
rtl 从右向左的文本方向
         

 

标签

标签 标签 属性 定义和用法
注释 <!--……-->    
声明文档类型 <!DOCTYPE html>    
标题标签 <h1></h1>……<h6></h6>  

在一个网页中,h1标题最重要,并且一个.html文件中只能出现一次h1标签

 

h5h6标签在网页中不经常使用

 

段落标签 <p></p>    
强调 <strong></strong>     
斜体 <em></em>     
上标  <sup></sup>     
下标  <sub></sub>     
 删除文本  <del></del>     
插入文本 <ins></ins>     
 图片标签  <img> 

src : 引入图片的地址

alt : 当图片出现问题的时候,可以显示一段友好的文字。

title : 点击图片时出现提示信息

width、height : 图片的大小

 
跳转链接 <a></a>

Herf属性 :链接的地址

target属性 :可以改变链接打开的方式,默认情况下,在当前页面打开_self

                         在新窗口打开_blank

 
  <base > 改变链接的默认行为  
       
       
       
       

  

HTML知识点总结

标签:rowspan   init   表示   告诉   简介   access   跳转   文档   编写   

原文地址:https://www.cnblogs.com/qingying-wh/p/13277233.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!