三角镇建网站公司,传媒公司,小说网站怎么做词,seo专业推广知识点一 HTML
什么是HTML#xff1f;
超文本标记语言(HyperTextMarkup Language#xff0c;简称HTML)
怎么学HTML#xff1f;
HTML 是一门标记语言#xff0c;标记语言由一套标记标签组成#xff0c;学习 HTML#xff0c;其实就是学习标签
开发工具
编辑器: Pycha…知识点一 HTML
什么是HTML
超文本标记语言(HyperTextMarkup Language简称HTML)
怎么学HTML
HTML 是一门标记语言标记语言由一套标记标签组成学习 HTML其实就是学习标签
开发工具
编辑器: Pycharm 浏览器:Chrome、Firefox
HTML的基本结构 HTML的基本模块
!DOCTYPE html !--文档类型--
html langen !--根标签
head !--网页头部--meta charsetUTF-8 !--国际编码--titleTitle/title !--网页标题--
/head
body!--网页主体
/body
/html!--静态页面 动态页面--
静态页面是随着HTML代码的生成页面的内容和显示效果就基本不会发生变化
除非修改页面代码而动态页面虽然同样页面代码不发生变化但是其显
示的内容确实可以随着时间环境或者数据操作的结果而发生变化。因此静态页面和动态页面的认识应该定位在是否有数据库加工这个环节。例如
去购买T-shirt我们直接从商店购买的T-shirt就是静态页面而我们根据不同
人兴趣定制T-shirt就是动态页面。
知识点二 标签
什么是标签
由尖括号包裹单词构成eg:html,所以标签不可能以数字开头
标签不区分大小写推荐小写
标签可以嵌套但不能交叉嵌套
错误示例:ab/a/b正确示例:ab/b/a
标签使用样式:
1.开始标签a 标签体/a结束标签
2.自闭合标签eg:br,hr,inputimg
标签属性:
a.通常为键值对形式出现eg:color“red” ideat
b.属性只能出现在开始标签和自闭和标签内
C.属性名字全部小写属性值必须用单引或者双引包裹
d.如属性名和属性值完全一样直接写属性名即可eg:“readonly”(input标签属性) 标题标签及基础标签
!DOCTYPE html
html langen
headmeta charsetUTF-8titlejianqi/title
/head
bodya href#add跳转到add/ap idtest/ph11级标签/h1h22级标签/h2h33级标签/h3h44级标签/h4h55级标签/h5h66级标签/h6p无人扶我青云志我自踏雪至山巅。/pp无人扶我青云志我自踏雪至山巅。/pdiv这是一个div标签/divdiv这是第二个一个div标签/divdiv一个最原始、最干净的容器 和其他容器标签用途一样但其他标签都特定了装什么东四/div
!--target_blank 重新打开一个网页默认是_self--a hrefhttp://www.baidu.com target_blankimg src1.png/aa href#test返回顶部/aa nameadd/adiv
!--内连标签站占一行只需要把内连标签套在外连标签中--a hrefjavascript:void(0)点进去有惊喜/a/div
/body
/html!--静态页面 动态页面--
有序列表
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyol typea start3lihello world/lilihello world/lilihello world/lilihello world/lilihello world/lilihello world/lilihello world/li/ol
/body
/html
无序列表
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyul typecircle
!--默认desc空心圆circle正方形的实心square取消none--lihello world/lilihello world/lilihello world/lilihello world/lilihello world/lilihello world/lilihello world/li/ul
/body
/html
标签缩进
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
!--
emsp;字符宽
nbsp;空格宽
lt;
gt;
--istrongpemsp;emsp;无人扶我青云志我自踏雪至a hrefhttps://baike.baidu.com/item/%E5%B1%B1%E5%B7%85/5588984 target_blank山巅,lt;听泉gt;/a/p/strong/ii斜体/istrong粗体/strong
/body
/html-----------------------------------------------------------------------------------------
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodydldt江苏省/dtdd南京市/dddd苏州市/dddt贵州省/dtdd遵义市/dddd贵阳市/dd/dl
/body
/html 快捷键使用:ulli*n; olli*n; dIdtdd*n;
知识点三 特殊符号
参考HTML特殊字符符号大全-CSDN博客https://blog.csdn.net/qq_45301392/article/details/128848810?ops_request_misc%257B%2522request%255Fid%2522%253A%2522c0c1135442e7c4afc61b97bd855fc559%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257Drequest_idc0c1135442e7c4afc61b97bd855fc559biz_id0utm_mediumdistribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-1-128848810-null-null.142%5Ev100%5Econtrolutm_termhtml%E4%B8%AD%E7%9A%84%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6spm1018.2226.3001.4187
知识点四 表格
什么是表格
表格其实就是大家平时看到的二维表比如Excel表格之类
表格如今的地位
表格布局火于90年代如今一般用于后台展示数据
表格初识
表格分为表头表身和表脚
表格整体的结构 *table 表格标签*thead 表头标签*tbody 表身标签*tfoot 表脚标签
表格的其他补充
caption 表格标题
rowspan 合并行
colspan 合并列
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/titlestyletable{border-collapse: collapse; /* 边框合并 */text-align: center; /* 居中 */width: 300px;}/style
/head
bodytable border2theadtrth序号/thth班级/thth姓名/thth性别/th/tr/theadtbodytrtd colspan210/td !-- 合并行 --tdpython/tdtd捡起/tdtd牛/td/trtrtd11/tdtd rowspan2java/td !-- 合并列 --tdfufu/tdtd虎/td/trtrtd12/tdtdmath/tdtdbeibei/tdtd兔/td/tr/tbody/table
/body
/html
知识点五 表单
表单是什么
表单是搜集用户数据信息的各种表单元素的集合区域
表单的作用
用于收取用户数据并向后台发送前后交互的方式之一
表单的应用
表单常应用于 登录注册搜索文件上传等
表单的属性 form表单
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
!-- form actionhttp://www.baidu.com/s methodget--
!-- input typetext namewd placeholder请输入你要搜索的内容--
!-- input typesubmit value提交--form actionhttps://www.sogou.com/web methodgetinput typetext namequery placeholder请输入你要搜索的内容!-- name用作服务区作为数据交互 --input typesubmit value提交
!--
type 属性规定 input 元素的类型
name 作为可与服务器交互数据的HTML元素的服务器端的标示。
button 定义可点击按钮(多数情况下用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
hidden 定义隐藏的输入字段。
file 定义输入字段和浏览按钮供文件上传。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段用户可在其中输入文本。默认宽度为20个字符
--/form
/body
/html
form表单完整版
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyform action methodgetp用户名input typetext nameuer placeholder请输入用户名/pp密emsp;码input typepassword namepaw placeholder请输入密码/pp性emsp;别input typeradio namesex valuefemale女input typeradio namesex valuemale男/pp爱emsp;好input typecheckbox namehobby valuesing唱歌input typecheckbox namehobby valuedance跳舞input typecheckbox namehobby valueswim游泳/pp上传文件input typefile namefile/pptextarea namexing cols30 rows10 placeholder写上你未来的计划/textarea/ppinput typesubmit value提交input typereset value重置/p/form
/body
/html
form领域
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyformfieldsetlegendPersonalia/legendName:input typetextbrEmail:input typetextbrDate of birth:input typetext/fieldset/form
/body
/html
form下拉菜单
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
bodyformp地址select nameaddroptgroup label江苏省option valueNJ南京市/optionoption valueSZ苏州市/option/optgroupoptgroup label贵州省option valueZY遵义市/optionoption valueGY贵阳市/option/optgroup/select/p/form
/body
/html
