只有6个标签可以放到<head><head\>里面,分别是title,meta,link,style,script,base.重点掌握这两个就差不多。
title:定义页面开头,页面地址栏
meta:定义特殊信息,关键字,name:属性取值(keywords:页面关键字,description:网页描述,author:网页作者,copyright:版权信息)。
编码方式要放在最上面
这个代码意思是自动几秒跳转到哪一个网页
<p><\p>:段落,意思是一个包含内就代表一横
注释方法:<!--内容-->
不是会动的页面就是动态页面,动与静的区别是是否与服务器进行数据交互
<h1~h6>:h1最大h6最小
html控制页面结构,css控制外观
<br/>给段落换横
粗体文本:strong,b
斜体效果:i,em,cite。效果一样
上标:sup.下标:sub
中划线:s,这个要包含到字体代码里面比如:<p><s>原价:6.5</s><p>实现包含字体中间有条横线的效果。
下划线:u,这个和中划线用法一样
大号和小号字体:big,small,这个和h1~h6的用法一样,名字不一样
水平线:<\hr>,在整个网页中一条横线
div:划分一个区域(division分区)
一般标签:有开始和结束符号,可以插入其他标签和文字
自闭合标签:只有结束标签,只能直接拿来用
常用自闭合标签:meta定义网页信息,link引用外部css文件,br换行,hr水平线,img图片,input表单
元素表现形式,一般分两类,块元素block,行内元素inlink
常见块元素:h1~h6标题,p段落,div,hr水平线,ol有序,ul无序
意思是行元素会独占一横,自动挤开块元素但是容纳行元素不能容纳块元素,块元素都可以容纳,但是要根据经验,而不是死记硬背。常见的行内元素:strong粗体,em斜体,a超链接,span
在编辑文本时候想显示空格,单单在代码上空格是行不通的要用( ),你可以叫牛逼sp,3个牛逼sp等于一个字的距离,所以你想两个空格就要打6个( )
这里是可以直接输入不用代码的
这里的符号要用代码来显示
如果不加type那么默认用阿拉伯数字排序
<img src="文件路径“ alt="当图片无法显示就会显示这里的文字" title="当鼠标移到到图片位置停下时就会显示这里的文字"\>
绝对路径:你电脑里面图片文件的位置,页面不会显示你的图片,知道就行
相对路径:就是图片文件的文件夹位置你可以在img src=../,加入../这个的意思是找到当前页面的副文件夹,意思找到你装图片的文件夹的位置,最后面打上图片名字
在后面加了这个target是打开方式属性的意思,
这里是点击图片,打开新的页面
这里讲的是打开外部链接,现在我讲打开自身的内部链接
首先新建一个新的项目,然后创新两个新的html,
注意看链接位置,一个是带有文件夹位置的,一个是直接写位置。
锚点链接:点击某个按钮滑动到当指定的页面
这里讲form表单
value的作用是设计文本框里的默认值,
所以呢就是在后面调用属性达到目的
密码部分是不显示输入部分的
要是想实现默认选择男的话呢
在后面加上checked="checked"就可以实现,而这个呢只能选一个选项,那么我想选择两个呢
这样的话就可以两个都可以同时选择
这个呢也可以同时选择两个,你自己仔细看一下,这里name和第一个name的区别
可以同时选中多个
这里显示是默认选中在后面加checked就行
提交按钮,先了解一下
reset重置按钮
重置文本框内输入的值,只能重置在form内的,在外面的文本框是不起作用的
下拉列表
css
这个是去除链接默认下划线效果
solid是实线的意思,可以换为dashed虚线
接下来展示图片边框
这个先知道,因为比较复杂,后面会讲
虚线红色边框
标签:网页,标签,元素,速成,html,页面,链接,图片 From: https://blog.csdn.net/2301_80042362/article/details/142495163