HTML
2019-12-02 11:16:34 0 举报AI智能生成
html页面基础详解
作者其他创作
大纲/内容
body内常用标签
基本标签
<p>段落标签,包裹的内容被换行,并且上下内容之间有一行空白
<b><strong>:加粗标签
<strike>为文字加上一条中线
<em><i>文字变成斜体
<sup>和<sub>上角标和下角标
<hr>水平线
<br>换行
块级元素和行内元素
div和span
div是一个块级元素,并无实际的意义,主要通过css样式为其赋予不同的表现
span表示了一个内联行,并无实际的意义,主要通过css样式为其赋予不同的表现
块级元素
以另起一行开始渲染的元素
行内元素
,行内元素不需要另起一行,单独在网页中插入这两个元素,不会对页面产生任何的影响
img标签
src:显示图片的路径
alt:图片没有加载成功时的提示
title:鼠标悬浮时的提示信息
width:图片的宽
height:图片的高(宽高属性只用一个会自动等比缩放)
超级链接标签<a></a>
<a href="" target="_blank">click</a>,其中herf属性指向目标地址
列表标签
<ul><ul/>无序列表<li>列表中的每一项
<ol></ol>有序列表
<dl>定义列表
<dt>列表标题
<dd>列表项
表格标签
<table><tr><td></td></tr></table>
border:表格边框
cellpadding:内边距
cellspacing:外边距
width:像素 百分比
rowspan:单元格竖跨多少行
colspan:单元格横跨多少列
form标签
表单属性
action:表单提交到哪,一般执行服务器端一个程序,程序接收到表单提交过来的数据作相应处理
method,表单的提交方式,post/get默认取值是get
表单元素
基本概念:HTML表单是HTML中元素中较为复杂的部分,表单往往和脚本,动态页面,数据处理等功能相结合,表单一般用来收集用户的输入信息
工作原理:访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交,信息提交到Internet服务器上
标签分类
input标签
表单类型type
text:文本输入框
password密码输入框
radio单选框
checkbox多选框
submit 提交按钮
button按钮,需配合js使用
file 提交文件
表单属性
name:表单提交项的键
id属性是浏览器端是用的名称
value:表单提交项的值,对于不同的输入类型,value属性的用法不同
checked:radio和checkbox默认被选中
readonly:只读
disabled:对所用input都好使
select标签
name:表单提交项的键
size:选项个数
multiple:multiple
option
value表单提交项的值
selectes:下拉默认被选中
textarea多行文本
cols宽度
rows高度
name名称
lable标签
lable元素不会向用户呈现任何特殊效果
lable标签的for属性值应当与相关元素的id属性值相同
fieldset标签
head内常用标签
meta标签
元素可提供有关页面的信息,针对搜索引擎和更新频度的描述和关键词
标签位于文档的头部,不包含任何内容
提供的信息是用户不可见的
name属性
name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要用于所搜引擎机器人查找信息和分类使用的
http-equiv属性
相当于http的文件头作用,它可以向浏览器传回一些用用的信息,以帮助正确显示网页内容,
非meta标签
网页title的图片
语法
<!DOCTYPE html>告诉浏览使用什么样的html或者xhtml来解析html文档
<html></html>是文档的开始标记和结束标记,此元素告诉浏览区其自身是一个HTML文档
<head></head>元素出现在文档的开头部分.<head>与</head>之间的内容不会在浏览中的文档窗口显示,但是其间的元素有特殊重要的意义
<title></title>定义网页标题,在浏览器标题栏显示.
<body></body之间的文本是可见的网页主题内容>
定义
超文本标记语言,通过标签语言来标记要显示的网页中的各个部分.
静态网页文件扩展名.html或.htm
浏览按照顺序渲染网页文件,然后根据标记符解释和显示内容
不是一种编程语言,而是一种标记语言
使用标记标签来描述网页
URL(统一资源定位器),也被称为网页地址,是因特网标准的资源的地址
第一部分为协议
第二部分为站点地址
第三部分为页面在站点中的目录
第四部分为页面名称
各部分用/隔开
0 条评论
下一页
