注释
<!—要注释的内容-->
基本标签
标题标签:<h1>-<h6>
段落标签:<p>
换行标签:<br/>
水平线:<hr/>
预定义格式文本:<pre>
注:重点学习HTML特殊符号、HTML文本格式化便签
a标签
href属性
外部链接:点击访问京东
<a href="http://www.jd.com”>京东</a>
内部链接:点击访问项目内部html网页
<a href="new file.html”>内部网页</a>
锚点链接:点击跳转到当前页面的锚点“works”处
<a href="#works>主要作品</a>
锚点链接:点击跳转到index.html页面的锚点“works”处
<a href="index.html#works>主要作品</a>
target属性
_blank表示在新窗口中打开链接
_self 默认,表示在当前窗口打开链接。
a元素的常用CSS伪类
a:link{}用于设置超链接点击之前的样式;
a:visited{}用于设置超链接被访问过之后的样式;
a:hover{}设置鼠标悬停在标签上的样式;
a:active{}设置鼠标点击标签但不松手时的样式。
表格
重点学习基本语法,理解跨行、跨列表格单元格 https://cxzy.oszine.com/caixun/7hqv7RXNqx.html?=aliyunhttps://www.qqkjcj.com/xykyqzyxshkjrjmykbz.html?=aliyunhttps://ljkc.yushengbang.com/zsjf/JCUEdFhx51.html?=aliyunhttps://ljkc.yushengbang.com/cczs/KggNHZROVo.html?=aliyun
表单
<form>标签:用于定义表单,<form>标签有两个比较重要的属性:
action属性:定义表单的提交地址。通常,表单会被提交到Web服务器上的网页,如果该属性值省略,则会提交到当前页面。
method属性:规定在提交表单时所用的HTTP方法(GET或者POST).
<Input>标签:常用的表单输入标签,其输入类型包括:text(文本域)、password(密码域)、radio(单选按钮)、checkbox(复选框)、button(按钮)、submit(提交按钮)等。
块级元素和内联(行内)元素
块级元素
<h1>-<h6>、<p>、<div>、<ul>、<ol>、<li>、<table>、<form>等
内联(行内)元素
<a>、<img>、<input>、<span>、<strong>、<button>等。 https://cxfx.nuochengzx.com/zhaiquan/93WEyM2mir.html?=aliyunhttps://jmgc.nuochengzx.com/xinyong/k2GZ7fP1Lh.html?=aliyunhttps://hcx.twitdw.com/zhengxin/83W2Shkw04.html?=aliyunhttps://cdh.twitdw.com/pingtai/SrQGGTKDA3.html?=aliyun
区别
块级元素各占据一行,垂直方向排列;块级元素以新行开始,以换行结束。内联元素在显示时通常不会以新行开始,相邻的行内元素会排列在同一行例,直到一行排不下才会换行。
块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。
行内元素与块级元素属性的不同,主要是盒模型属性上:行内元素设置width无效,height无效,其宽度随元素的内容而变化,margin上下无效,padding上下无效。块级元素可以设置宽、高,盒模型各属性也均能成功设置。
头部元素
<link>标签
定义文档与外部资源之间的关系,最常用于连接样式表。链接样式表的基本语法: <link rel="stylesheet" href="URL">。
<meta>标签
提供关于HTML文档的元数据。例如作者、日期和时间、网页描述、关键词、页面刷新等。如:
<meta name="description" content="信息参数" /> 用于描述网页
<meta name="keywords" content="信息参数" /> 用于描述网页关键词
<meta name="author" content="信息参数"> 用于描述网页作者
<meta http-equiv="content-type" content="text/html; charset=信息参数" /> 用于提供HTTP协议的响应头报文
<meta http-equiv="refresh" content="30" url="网址参数"> 用于规定页面刷新时间为30s。
————————————————