石家庄做标书的网站,网站搭建平台有哪些,做网站主题,wordpress回复看内容WEB前端开发
W3C学习网站 MDN学习网站
HTML
从语义角度#xff0c;描述页面结构
语言不区分大小写#xff0c;特殊字符要求全小写
html5文件结构
快速编辑#xff1a;Tab键
!DOCTYPE html 文档类型#xff1a;符合HTML5标准
htmml langen描述页面结构
语言不区分大小写特殊字符要求全小写
html5文件结构
快速编辑Tab键
!DOCTYPE html 文档类型符合HTML5标准
htmml langen lang属性搜索引擎 en英文 zh中文
headmeta charsetUTF-8/ meta:元数据charset属性字符集编码方式浏览器UTF-8 是国际编码
/head字符集与编码
ASCII数字、英文字母、符号
GB2312简体中文
Unicode所有语言
UTF-8所有语言占用空间更小
对乱码问题的解释源文件保存时的编码方式跟源文件声明不同
标签
标题h
1、h1一级标题/h1.....6、h6到六级标题/h6段落p
p我是段落标签/p
内容拓展p{段落内容}两个段落标签框定为一个段落每个段落自动换行
段落内部文字忽略连续空格也不显示空行不会换行
段内换行
p段内br/换行/p单独出现直接结束QAQ我都不能在它旁边打字
空格字符” “可多个出现 n b s p ;
预留格式pre
pre我是预留格式标签。 我保留了空格和空行
/pre定义预格式化文本
文本中的空格和换行符会被保留
行内组合span
组合行内元素以便通过CSS样式来格式化
p标签span我是内容/span这里/p !--格式化了容器内的文字内容--style typetext/css
span{color: blue;font-weight: bold; /*bold是字体加粗*/
}
/style /*css代码内对span的格式化内容的定义*/水平线hr
单独出现
p正文/p
hr /
p正文/p超链接a
文字超链接图片超链接导航栏
a href网址文字或图片/a百度
如果链接到本站其他网页直接放网页名
虚拟超链接 a href#
图像img
图像格式
JPG有损压缩色彩丰富GIF简单动画、背景透明PNG无损压缩、透明、交错清晰度从小变大
img srcw3school.gif altw3c / !--alt属性为图片不能显示时显示的内容--
快速拓展img[srclogo.jpg]src属性路径文件名
“images/logo.png”
绝对路径与相对路径
绝对路径以根目录为基准“C:/site/logo.gif ”
相对路径以文档所在位置为基准“logo.gif ”
区域div
div idcontainer aligncenter !--id属性起名--h1该属性跟css样式作用效果一般/h1 div idnav第二区域/div
/div区域的划分便于布局便于后期用css对区域进行作用。
列表ul ol li
无序列表ul
h1前端web/h1
ullihtml/lilicss/liliJS/li
/ul
!--快速生成ulli*3--有序列表
h1web前端/h1
ollihtml/lilicss/liliJS/li
/olli标签是列表项
表格table tr td
行tr
单元格td
tabletrtd/tdtd/td/trtrtd/tdtd/td/tr
/table
!-- 快速生成tabletr*ntd*m --
表格边框属性border1
表头单元格th属性/th标签1标签2css12
表单与表单元素form
import type text、password、submit、reset、radio、checkbox
selectoption/option/select
/importform账户input typetext nameuserName /br /密码input typepassword nameuserPsd /
/form
form账户input typetext nameuserName /br /密码input typepassword nameuserPsd /input typesubmit value提交 namesubmitPsd /
/form
form账户input typetext nameuserName /br /密码input typepassword nameuserPsd /input typesubmit value确定 namesubmitPsd /input typereset value重置
/formform性别男 input typeradio valueboy namegender checkedchecked / !--radio表示单选框单选name要相同checked属性表示默认勾选--女 input typeradio valuegirl namegender /br /爱好imput typecheckbox value1 namemusic checkedchecked/音乐imput typecheckbox value2 namesport /运动!--checkbox表示多选,name可以不同--
/form下拉列表框select option
selectoption selectedselected选项1/optionoption选项2/optionoption选项3/option
/select文本域textarea
formtextarea rows行数 cols列数文本/textareabr /input typesubmit value确定 /input typereset value重置 /
/form个人简介请在这里输入内容... 同级拓展(divp)(divimg)
文字拓展lorem2
段落拓展lorem
Web语义化
div idheaderheader页眉部分/header
/div
em强调/em
i斜体无语义/i
strong重点强调/strong
b粗体无语义/b强调 斜体无语义 重点强调 粗体无语义
自定义列表dl、列表项dt、描述dd
dldtHTML/dtdd描述语言自动缩进/dddtCSS/dtdd描述语言自动缩进/dd
/dl实际效果 HTML描述语言自动缩进 CSS描述语言自动缩进