html概念

2020-03-22  本文已影响0人  烈酒鱼子酱

1.web标准

-结构:html
-表现:css
-行为:javascript
标准是由W3C组织制定的(万维网联盟组织)

2.常用标签

-<!DOCTYPE html>文档类型声明
-html:网页的根标签,所有其他的标签都被包含其中
-head:头部标签,配置一些网页信息
-meta:配置网页
-title:标题标签,显示选项卡中的文本内容
-body:主体标签,所有显示在网页中的其他标签和内容都被包含
-<!--注释 -->:给代码结构做备注
-hr:水平线
-p:段落标签
-font:文本标签 例如<font color="red"></font>
-br:换行标签
旧式写法 新式写法
b 加粗 strong
i 斜体 em
u 下划线 ins
s 删除 del
新式写法更强调语义
标签语义化:在需要的地方用合理的标签
img图片标签
属性:src图片路径,width宽,height高,
title提示信息,alt替换文本,图片不存在时显示,border图片边框

3.路径

相对路径
同级相对路径:网页和其他文件在同一个目录下
下一级相对路径:站在网页角度去寻找图片,要准确写出文件夹的名字
上一级相对路径:站在网页角度去寻找图片,当文件在几个文件夹之外时,有几个文件夹写几个 ../,使网页跳出文件夹,找到文件。
绝对路径
文件在磁盘中的物理位置,出于安全性,不能通过浏览器直接访问磁盘中的文件,可以通过接口的方式进行文件访问

4.空链接

当还没有想好跳转那个页面,建议写两个##,防止跳转网页顶部

5.锚点链接

在网页内部跳转
规则:给需要跳转到的位置的标签用id属性命名,id名是唯一的,不要用数字开头
a标签用href属性关联id名称,要加#号
例如:<p id="one">第一层</p>
<a href="#one">去第一层</a>

6.特殊字符

  空格 < < > > ©

7.表格

table:被一组table管理
tr:行
td:单元格
th:表头,默认内容水平居中且加粗
属性:
border:表框
cellspacing :单元格和单元格之间的距离,默认是2px
align:left/center/right 默认是left
caption:标题
width:宽度
height:高度

8.列表

无序列表
被一组ul管理,li是列表项,ul只能包含li,li可以包含其他任何标签
有序列表
被一组ol管理,li是列表项,ol只能包含li,li可以包含其他任何标签
自定义列表
被一组dl管理,dt是主题,dd是列表项,dl只能包含dt和dd,dt和dd可以包含其他任何标签

image.png

9.表单

表单:表单标签 提示信息 表单域
label标签:标题
for属性:关联表单标签的id属性
===============================
input标签:
type属性:
text:输入框
radio:单选
属性:
name:组的概念,让几个单选按钮形成单选效果,起相同的name
checked:默认选中 写法:checked="checked" checked="" checked
button:按钮
属性:
value:按钮文本
submit:提交按钮
reset:重置按钮
==================================
checkbox:复选框
属性:
checked:默认选中 写法:checked="checked" checked="" checked
===================================
select:下拉框
option:下拉项
属性:
selected:默认选中 写法:selected="selected" selected="" selected
optgroup:下拉组
属性:
label:组标题
===================================
textarea:文本域
===================================
form:表单域 将想要提交的标签包含
属性:
action:提交地址
method:提交方式 get/post
===================================
button:按钮
属性:
type:submit()默认 button reset

上一篇下一篇

猜你喜欢

热点阅读