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

Web前端--从入门到自闭cursor: pointer

时间:2020-03-24 12:44:20      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:css   快捷键   设置   最小   内容   onclick   href   展示   win   

标签的快捷键:单词 + tab键 +单词


h3初始代码:!+Tab 快速创建符合规范的html

<!DOCTYPE html> <!-- 文档声明 : 告诉浏览器这是一个html文件 -->
<html lang="en"> <!--  html文件的最外层标签:包裹着所有html标签代码 lang="en"表示是一个英文网站 lang="zh-CN"表示一个中文网站 -->

<head>
    <meta charset="UTF-8"> <!-- 元信息:是编写网页中的一些辅助信息 charset="UTF-8"国际编码,让网页不出现乱码的情况 -->
    <title>Document</title> <!-- 设置网页的标题 -->
</head>

<body>
   <!--  显示网页内容的区域 -->
</body>

</html>

注释

html的注释:<!-- 注释的内容 -->  

css的注释: /* 注释的内容 */

vscode快捷键是:ctrl + /  和 shift + alt + a    

标题h和段落p

<h1> - <h6> 标签可定义标题。

<h1> 定义最大的标题。(尤为重要,一个html文件最好只出现1次

<h6> 定义最小的标题。

亲自试一试

<p> 标签定义段落。

p 元素会自动在其前后创建一些空白。

亲自试一试

文本修饰

 <strong></strong>

<em></em>

  • 写法和展示效果是有区别的,一个加粗、一个斜体
  •  strong的强调性更强,em的强调性稍弱。

下标 : <sub></sub>
上标 : <sup></sup>

删除文本 : <del></del>
插入文本 : <ins></ins>

  •  一般情况下,删除文本都是和插入文本配合使用的。 

图片img

元素向网页中嵌入一幅图像。用于展示

  • src : 引入图片的地址。
  • alt : 当图片出现问题的时候,可以显示一段友好的提示文字。
  • 前两个是是必须属性
  • title : 提示信息
  • width、height : 图片的大小

亲自试一试

如何正确地使用图像

Web前端--从入门到自闭cursor: pointer

标签:css   快捷键   设置   最小   内容   onclick   href   展示   win   

原文地址:https://www.cnblogs.com/Dalala/p/12548196.html

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