head/body内常用标签

head常用标签

#网页标题
<title></title> #定义内部样式表，用于书写css代码
<style></style> #内部用来书写js代码,通过src可以将外界的js文件导入
<script src=" "></script> #引入外部css文件,通过href可以导入外部的css文件
<link rel="stylesheet" href=" ">#针对浏览器的搜索显示出不同的信息
<meta> #用浏览器搜索的时候 只要输入了keywords后面指定的关键字那么该网页都有可能被百度搜索出来展示给用户
<meta name="keywords" content="aaa">  #网页被搜索到时展示的描述性信息
<meta name="description" content="淘宝网 - 亚洲较大的网上交易平台，提供各类服饰、美容、家居、数码、话费/点卡充值… 数亿优质商品，同时提供担保交易(先收货后付款)等安全交易保障服务，并由商家提供退货承诺、破损补寄等消费者保障服务，让你安心享受网上购物乐趣！">

body内常用标签

标签的分类

块级标签：1.独占一行2.可以修改长度3.除<p>标签外可以任意的嵌套标签，虽然<p>级标签再打代码时也可以嵌套任意的块级标签，并且不会报错，不过这么做是无效的# eg:<h>标题标签 <p>换行 <div>类似于一块区域，主要用于在页面初期占位行内标签：1.文本内容有多大，就占多大的位置2.不能修改长度3.不能嵌套块级标签，但是可以任意的嵌套行内标签# eg:<span>占位 <i>倾斜 <u>下划线 <s>删除线 <b>加粗

普通的标签

<br> 换行
<hr> 分割线
<font> 修改文字大小，颜色
<b> 加粗  html5中可以使用<strong>替换
<u> 下划线 html5中可以使用<ins>替换
<i> 倾斜 html5中可以使用<em>替换
<s> 删除线 html5中可以使用<del>替换

特殊符号

#在html中使用& + 英语字符来替换特殊字符&nbsp;  #空格
&gt;    #大于号(greater than)
&lt;    #小于号(less than)
&amp;   #&符
&yen;   #￥符
&copy;  #©防伪符
&reg;   #®商标符

img标签

<img>#展示图片时使用
#img所拥有的参数
src:    选填图片的路径
alt:    当图片加载不出来时，显示的描述信息
title:  鼠标移动到图片上时显露的信息
height: 图片高度
width:  图片宽度
#eg:当高度与宽度只指定其中一个的时候，图片会自动根据图片比例进行等比例缩放。

a标签

<a> #超链接时使用
#a标签所拥有的参数
href:   放网址，当用户点击该标签内的事物时会跳转到指定页面
target: 指定跳转的页面是当前页面还是空白页 _self默认指定的参数，在当前页面跳转。 _blank新建页面跳转#锚点功能
简单的说锚点功能就是同一个页面的移动到指定位置
使用方式
href = "# + 标签id" #假链接点击后不会跳转的连接
href = '#'

eg:标签内可以使用默认有的参数或自定义参数

列表标签

无序列表

<ul> #unordered list <li>1</li><li>2</li><li>3</li>
</ul>type:列表的类型disc:实心圆(默认)circle:空心圆square:实心矩形none:不显示标识ps：取消圆点并取消边距
ul{list-style:none;margin: 0;padding: 0;
}

有序列表

#使用该标签可以在你的内容前面按顺序显示序号，序号的内容可以自己指定
<ol> # ordered list<li>1</li><li>2</li><li>3</li>
</ol>
参数
type：1 A I a
start:从序号几开始

自定义列表

<dl><dt>标题</dt><dd>内容</dd>
</dl>

head/body内常用标签相关推荐

前端入门教程(四)head内常用标签与body内常用标签
一 head内常用标签 1.meta相关标签 #1.指定字符集 <meta charset="gbk">#2.页面描述 <meta name="Desc ...
前端学习笔记之HTML body内常用标签
阅读目录一 HTML语义化二字符实体三 h系列标签四 p标签五 img标签六 a标签七列表标签八 table标签九 form标签一 HTML语义化 body中的标签是会显示到浏 ...
HTML中body内常用标签
基本标签 加粗 斜体 下划线 <s>删除<s/> <p& ...
初始html(常用标签)
今天我们来学习Web前端的一些知识,这一阶段需要记忆的东西相对来说比较多,需要花时间记忆以及做好练习. 一.HTML初识 1.web服务本质 import socketdef main():sock ...
html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构网页的内容二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
全端开发——html简介与常用标签
1.html是什么? •超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则 •浏览器按顺序渲染网页文件 ...
week9 day1 HTML简介和常用标签
week9 day1 HTML简介和常用标签一.前端内容介绍二.HTML简介 2.1 HTML简介 2.2 HTML发展史三.HTML标签与文档结构 3.1 HTML标签与文档结构 3.2 HT ...
前端基础----html初识、常用标签
一.HTML初识 web服务本质 import socketdef main():sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)soc ...
HTML(简介及常用标签)
一.HTML简介 1.1 html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分.一套规则,浏览器认识的规则. 浏览 ...

head/body内常用标签

head常用标签

body内常用标签

标签的分类

普通的标签

特殊符号

img标签

a标签

列表标签

无序列表

有序列表

自定义列表

head/body内常用标签相关推荐

最新文章

热门文章