网站的域名不能登录,wordpress汉化视频模板,如何用网站首页做404,北辰网站建设公司一篇文章快速学会HTML
注#xff1a;适合有一定编程基础的来快速掌握HTML
超文本标记语言
超文本#xff1a;文本#xff0c;声音#xff0c;图片#xff0c;视频#xff0c;表格#xff0c;链接
标记#xff1a;许多的标签组成
HTML页面是运行到浏览器上的
HTML…一篇文章快速学会HTML
注适合有一定编程基础的来快速掌握HTML
超文本标记语言
超文本文本声音图片视频表格链接
标记许多的标签组成
HTML页面是运行到浏览器上的
HTML
文件根标签
head
编写页面相关属性
title
页面标题
body
页面内容展示信息
DOM树
head , body … 相当于 html 的子标签
head 和 body是兄弟标签
head 与 title 是父子标签
每一个标签相当于一个对象可以通过代码拿到这些对象进行增删查改。 $0表示标签像素为0
代码框架 HTML标签
注释标签 !-- 注释 --标题标签 h1标题/h1h2标题/h2h3标题/h3h4标题/h4h5标题/h5h6标题/h6段落标签 p段落/p换行标签
br/换行后间隙比段落小
格式化标签
加粗
strong《星际宝贝史迪奇》/strong倾斜
em《皇后》/em删除
del《星际》/del下划线
ins《星际》/insimg 标签
_src 属性
相对路径
img srcimg/OIP-C.jfif绝对路径
1.直接写图片路径
img srcD://img//OIP-C.jfif2.网络上的路径
img srchttps://cn.bing.com/images/search?viewdetailV2ccidxOa1rOjwidC2E45A49F5440934DFA10B505ABF1E0A26D083BCthidOIP.xOa1rOjwWguXauADCE-q4QHaKdmediaurlhttps%3A%2F%2Fpicb.zhimg.com%2Fv2-937b610f123ac83d5a09a220908fc2ff_r.jpgexph1188expw841q%E4%BA%8C%E6%AC%A1%E5%85%83%E8%90%9D%E8%8E%89%E5%9B%BE%E7%89%87simid608012321895089100FORMIRPRSTckC57FF1E75526D6B88BE2B1DE8DC7118AselectedIndex0itb0cw1308ch736ajaxhist0ajaxserp0其他属性
alt 属性
图片加载失败显示的文字
img srcimg/OIP-C.jfif alt萝莉加载失败title 属性
鼠标移动时显示的文字
img srcimg/OIP-C.jfif title这是萝莉width height 属性
改变图片大小 img srcimg/OIP-C.jfif width200 height300border 属性
给图片加载边框
img srcimg/OIP-C.jfif border2px超链接标签
href 属性 a hrefhttps://www..wangzhi跳舞/a占位符停留在当前界面
a href#通过图片跳转 a hrefhttps://www..wangzhiimg srcxxxxx/atarget 属性
_self _blank
默认是 _self a hrefhttps://www..wangzhitarget_blank跳舞/a
// 跳转到新页面表格标签
table标签
table border1 cellspacing0 cellpadding10 aligncenter !-- 默认无边框border2px 加边框 cellspacing0 表格间隙 cellpadding10 表格大小aligncenter 表格位置 center 居中--tr !-- 行 --td姓名/td !-- 列 --td年龄/tdtd身高/td/trtrtd萝莉1号/tdtd13/tdtd145cm/td/trtrtd萝莉2号/tdtd15/tdtd152cm/td/trtrtd萝莉3号/tdtd16/tdtd156cm/td/tr/tablethead tbody 标签
theadthtd姓名/tdtd年龄/tdtd身高/td/th
/thead合并单元格
td rowspan213/td
td145cm/td
// 合并两行列表标签
无序列表 ulli typedisc我爱萝莉 /lili typesquare我爱萝莉/lili typecircle我爱萝莉/li/ul有序列表 olli typea我爱萝莉/lili type1我爱萝莉/lili typeA我爱萝莉! /li/ol自定义列表
dldt 萝莉yyds // 自定义标题dd我爱萝莉/dddd我爱萝莉/dddd我爱萝莉/dd/dt/dl表单标签
完成和服务器的一次交互
表单域form
表单控件input
input
用户用来输入的
type 决定类型
form文本框 input typetext !-- 单行--br密码框 input typepasswordbr单选框 input typeradio namegender checkedchecked 萝莉01input typeradio namegender 萝莉02!-- namegender 区分是否是同一组单选框checkedchecked 设置默认值--br复选框 input typecheckbox 萝莉01input typecheckbox 萝莉02input typecheckbox 萝莉03br按钮 input typebutton value我要c萝莉br/forminput 提交
from action服务器网址提交内容input typetext namecourse input typesubmit !-- 传服务器--input typereset !-- 重置--brinput typefile !-- 传文件--/fromlable
搭配input使用
!-- 使文字与按钮关联起来 --label for01 萝莉01/labelinput typeradio namegender id01 label for02 萝莉02/labelinput typeradio namegender id02 select
下拉栏
select name idoption value请选择侍寝萝莉/optionoption value萝莉01/option!-- selectedselected 设置默认值 --option value萝莉02/optionoption value萝莉03/option/selecttextarea
多行输入
textarea name id cols 30 rows5/textarea!-- cols 30 rows5 设置高度宽度--无语义标签
没有固定用途
通常用来对页面布局进行设计
div
独占一行的大盒子可以嵌套divspanheadbodyimg…
span
一个小盒子
特殊字符
空格nbsp
小于号lt
大于号gt
按位与amp
