事业部网站建设方案,中国电建成都设计院,公司网页怎么制作教程,易思企业网站破解版1.什么是HTML#xff1f;
1、HTML是超文本标记语言#xff08;Hyper Text Markup Language#xff09; 2、HTML由各种各样的标签(tag)组成#xff0c;如、 3、HTML文档 网页 (1)一种纯文本文件#xff0c;扩展名为.html或.html#xff1b; (2)最终显示结果取决…1.什么是HTML
1、HTML是超文本标记语言Hyper Text Markup Language 2、HTML由各种各样的标签(tag)组成如、 3、HTML文档 网页 (1)一种纯文本文件扩展名为.html或.html (2)最终显示结果取决于Web浏览器的显示风格及其对标记的解释能力 (3)编辑工具记事本写字板SublineFrontPageDreamweaver等。
!DOCTYPE html
htmlheadtitlehello world /title/headbodyhello world! nihao beijing/body
/html2.HTML语法
1、HTML标签 1由尖括号包围的关键词比如; 2通常是成对开始标签结束标签出现的比如 b /b , label /label 。例外 br 、 img 2、HTML元素 1开始标签(start tag)到结束标签(end tag)的所有代码 3、HTML属性 1在HTML元素的开始标签中规定 2以名称/值对的形式出现 img src “1.png”
3.HTML头部、主体和标题标记
1、HTML头部 head /head 主要放置标题标签、元信息标签等 2、HTML主体 body /body 放置页面中所有的内容如文字、标题、链接、图片、表格、表单等 2、HTML主体 title /title 声明网页标题指示网页作用 默认为网页另存为后的网页文件名字 默认为收藏此网页时收藏夹的名字。
!DOCTYPE html
htmlhead !-- html 头部信息 --title This is first html /title /headbody!-- html主体信息 --hello wordbrhello,everyone/body
/html4.元信息标记 meta 1、提供有关页面的元信息比如针对搜索引擎和更新频度的描述和关键词 2、 meta 标签位于文档的头部不包含任何内容 3、 meta 标签的属性定义了与文档相关联的名称/值对 4、在HTML中 meta 标签没有结束标签 5、 meta 标签永远位于head元素内部 6、元数据总是以名称/值的形式被承兑传递的。
meta元素必须的属性
属性值描述contentsome_text定义与http-equiv或name属性相关的元信息
meta元素可选的属性
属性值描述http-equivcontent、expires、refresh、set-cookie把content属性关联到HTTP头部nameauthor、description、keywords、generator、revised、others把content属性关联到一个名称schemesome_text定义用于翻译content属性值的格式
用法 meta 属性值 content值 例如 meta name “keywords” content “W3school”
!DOCTYPE html
htmlhead !-- html 头部信息 --meta charset utf - 8 !-- 设置当前网页的编码格式解决中文乱码问题 --meta name author content teachermeta http-equiv content-type content text/html; charset gb2312meta http-equiv refresh content 5;url http://www.baidu.com/meta name keywords content jumptitle 元信息标签 /title /headbody!-- html主体信息 --现在学习的是元信息标签的使用/body
/html5.文字标签( b i u big small …) !DOCTYPE html
htmlhead !-- html 头部信息 --meta charset utf - 8 !-- 设置当前网页的编码格式解决中文乱码问题 --title 文字标签 /title /headbody!-- html主体信息 --普通字体bri斜体/ibru下划线/ubrem斜体强调/embrstrong粗体强调/strongbrsmall小号字体/smallbrbig大号字体/bigbr12sup2/sup144brFesub2/subSOsub4/subbr/body
/html6.标题标签 h1 h6 和文字标签
!DOCTYPE html
htmlhead !-- html 头部信息 --meta charset utf - 8 !-- 设置当前网页的编码格式解决中文乱码问题 --title 标题标签 /title /headbody!-- html主体信息 --h1一级标题/h1brh2二级标题/h2brh3三级标题/h3brh4四级标题/h4brh5五级标题/h5brh6六级标题/h6br!-- html样式 --p style-background-color: blue; font-family: 楷体font-size: 50px; color: #B8FEAD; text-align: center;欢迎大家学习HTML语言/pimg src C:/Users/伴君/Desktop/1.png/body
/html7.超链接标签
超链接 (1)电子邮件超链接 a href“mailto:kitty_zjy126.com?subjectHi /a 注subject–主题 (2)页面内的超链接 回到顶部 a href”#top /a 回到某一位置 a name tome “ /a a href #tome” /a (3)页面外的超链接 外网 a href “http://www.baidu.com/” /a 内网 a href “a.html” target “_blank” (4)图片超链接 a src “a.html” img src image/a.jpg
!DOCTYPE html
htmlhead !-- html 头部信息 --meta charset utf - 8 !-- 设置当前网页的编码格式解决中文乱码问题 --title 超链接标签 /title /headbody!-- html主体信息 --a href http://www.baidu.com/百度一下/abrbrbrbra href #mypos回到指定位置/abra href http://www.meitu.htmlimg srchttps://tenfei01.cfp.cn/creative/vcg/800/version23/VCG41175510742.jpg/abrbrbrbrbrbrbrbrbra href#top回到顶部/abrbrbrbrbrbrbrbrbra namemypos不错不错/a/body
/html8.表格标签 table /table !DICTYPE html
html
headmeta charset utf-8title表格标签/title
/head
bodytable border 5 !-- border:用于设置边框 --!-- 表格标题 --caption学生信息表/caption!-- 列表名 --tr align centerth姓名/thth出生年月/thth性别/thth年龄/th/tr!-- 表格中的数据 --tr align centertd张三/thtd1999.9.9/thtd男/thtd24/th/trtr align centertd李四/thtd2000.1.1/thtd男/thtd23/th/trtr align centertd王五/thtd1999.9.8/thtd女/thtd24/th/tr/tabletable border 5caption学生成绩表/captiontr align centerth colspan 3学生信息 /th !-- colspan:设置列合并单元格的个数 --th rowspan 2语文/th !--rowspan:设置行合并单元格的个数 --th rowspan 2数学/th/trtr align centertd学号 /tdtd姓名/tdtd性别 /td/trtr align centertd1001/tdtd张三/thtd男/thtd90/thtd80/td/trtr align centertd1002/tdtd李四/thtd男/thtd80/thtd70/td/trtr align centertd1003/tdtd王五/thtd女/thtd60/thtd50/td/tr/table/body
/html9.表单标签 form /form
HTML页面与服务器交互的手段 1属性 name:表单的名称 method:表单数据从浏览器传输到服务器的方法 get:将表单数据附加在URL地址后面长度不超过8192个字符不具有保密性默认为Get; post:将表单数据包含在表单的主体中一起传输到服务器上。没有长度限制密文传输 ation:用来定义表单处理程序 (2) form /form 内的标签 a、表单输入标签 常见的文本域、按钮都是使用这个标签 属性 name : 域名称 type: 域类型 value: 元素值 type属性值 text 文字域 password 密码域 file 文件域 checkbox 复选框 radio 单选框 button 普通按钮 submit 提交按钮 reset 重置按钮 hidden 隐藏域 image 图像域 b、选择列表 select option /option /select 菜单和列表是为了节省网页的空间而产生的 属性 name 菜单和列表的名称 size 显示的选项数目 multiple 列表中的选项为多项 selected 默认被选中的选项(option中的属性) c、文本域 用于制作多行文本输入域 属性 name 文字域的名称 rows 文字域的行数 cols 文字域的列数
!DOCTYPE html
html
headtitle表单标签/title
/head
bodyformbr用户名 input type text name userbrbr密码input type password name passwdbrbrinput type button name login value 登录nbsp;nbsp;nbsp;nbsp; !-- 空格 --input type button name quit value 退出brbr请选择文件input typefile name mufilebrbr!-- 如果是同一个单选框则需要保证name一致 --请设置您的性别男input type radio name sex value boy 女input type radio name sex value girlbrbr请选择您的爱好打篮球input type checkbox name love 打游戏input type checkbox name love 睡觉 input type checkbox name lovebrbrselect name caroption vlaue a奥迪/optionoption vlaue b大众/optionoption vlaue c奥拓/optionoption vlaue d奔驰/optionoption vlaue e本田/optionoption vlaue f特斯拉/optionoption vlaue g select true红旗/option/selectbrbrinput type submit name upload value 提交/form
/body
/html
