wordpress的漏洞,昆明网络推广优化,做网站服务公司,软件开发专业课程有哪些一、列表标签
表格是用来显示数据的,那么列表就是用来布局的
列表最大的特点就是整齐#xff64;整洁#xff64;有序,它作为布局会更加自由和方便#xff61;
根据使用情景不同,列表可以分为三大类:无序列表#xff64;有序列表和自定义列表#xff61; 1.无序列表(重…一、列表标签
表格是用来显示数据的,那么列表就是用来布局的
列表最大的特点就是整齐整洁有序,它作为布局会更加自由和方便
根据使用情景不同,列表可以分为三大类:无序列表有序列表和自定义列表 1.无序列表(重点)
ul 标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用 li 标签定义
无序列表的基本语法格式如下:
ul
li列表项1/li
li列表项2/li
li列表项3/li
/ul ulUnordered List意为无序列表。“Unordered” 表示无序的“List” 表示列表在 HTML 中用于定义无序列表其中的列表项没有顺序之分。 liList Item意为列表项。“Item” 有项目、条款的含义在ul或ol标签内使用用来定义每个具体的列表项目。 1. 无序列表的各个列表项之间没有顺序级别之分,是并列的
2. ul/ul 中只能嵌套 li/li,直接在 ul/ul 标签中输入其他标签或者文字的做法是不被允许的
3. li 与 /li 之间相当于一个容器,可以容纳所有元素
4. 无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitle无序列表/title
/headbodyh4您喜欢的食物?/h4ulli榴莲/lili臭豆腐/lili鲱鱼罐头/lilip123/p/lilip li与li之间相当于一个容器,可以容纳所有元素/p/li/ul
/body/html
运行结果 2. 有序列表(理解)
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义
在 HTML 标签中,ol 标签用于定义有序列表,列表排序以数字来显示,并且使用 li 标签来定义列表项
有序列表的基本语法格式如下:
ol
li列表项1/li
li列表项2/li
li列表项3/li
/ol olOrdered List意为有序列表。“Ordered” 表示 “有序的” “List” 表示 “列表”在 HTML 中用于定义有序列表列表中的项目会按照一定顺序排列通常以数字、字母等形式显示排列顺序。 liList Item意为列表项。“Item” 意思是 “项目条款”在ol标签内每个li标签代表一个具体的列表项。 1. ol/ol中只能嵌套li/li,直接在ol/ol标签中输入其他标签或者文字的做法是不被允许的
2. li 与 /li之间相当于一个容器,可以容纳所有元素
3. 有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitle有序列表(理解)/title
/headbodyh4粉丝排行榜/h4olli刘德华 10000/lili刘若英 1000/lili老师 1/li/ol
/body/html
运行结果 3. 自定义列表(重点)
自定义列表的使用场景:
自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号 在 HTML 标签中,dl 标签用于定义描述列表(或定义列表),该标签会与 dt(定义项目/名字)和 dd(描述每一个项目/名字)一起使用 其基本语法如下:
dl
dt名词1/dt
dd名词1解释1/dd
dd名词1解释2/dd
/dl dlDefinition List意为定义列表。“Definition” 表示定义“List” 表示列表该标签用于创建一个包含术语定义的列表结构。 dtDefinition Term意为定义术语。“Term” 有术语、词语的含义在dl标签内dt标签用于定义列表中的术语或项目名称。 ddDefinition Description意为定义描述。“Description” 表示描述在dl标签内dd标签用于对dt定义的术语或项目进行具体解释和描述。 1. dl/dl 里面只能包含 dt 和 dd
2. dt 和 dd个数没有限制,经常是一个dt 对应多个dd
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitle自定义列表(重点)/title
/head
bodydldt关注我们/dtdd新浪微博/dddd官方微信/dddd联系我们/dddt关注我们/dtdd新浪微博/dddd官方微信/dddd联系我们/dd/dl
/body
/html
运行结果 4. 列表总结 二、表单标签
1. 表单的组成
在 HTML 中,一个完整的表单通常由表单域表单控件(也称为表单元素)和 提示信息3个部分构成
2.表单域
表单域是一个包含表单元素的区域
在 HTML 标签中, form 标签用于定义表单域,以实现用户信息的收集和传递
form 会把它范围内的表单元素信息提交给服务器.
form action“url地址” method“提交方式” name“表单域名称
各种表单元素控件
/form
常用属性: 这3个涉及服务器暂时不讲
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitle表单域(了解)/title
/head
bodyform actiondemo.php methodPOST namename1/form
/body
/html
运行结果 3.表单控件(表单元素)
在表单域中可以定义各种表单元素,这些表单元素就是允许用户在表单中输入或者选择的内容控件
⑴.input 表单元素:type属性
在英文单词中,input 是输入的意思,而在表单元素中 input 标签用于收集用户信息
在 input 标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本 字段复选框掩码后的文本控件单选按钮按钮等)
input type属性值 / input / 标签为单标签 type 属性设置不同的属性值用来指定不同的控件类型 type 属性的属性值及其描述如下: ①text
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetext/form
/body/html
运行结果 ②password:密码框 用户看不见输入的密码
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetextbr!-- password 密码框 用户看不见输入的密码 --密码: input typepassword br/form
/body/html
运行结果 ③radio单选按钮
加上name才可以只能选一个
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- radio 单选按钮 可以实现多选一 --性别男input typeradio 女input typeradio/form
/body/html
运行结果 ④checkbox:复选框
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform爱好: 吃饭 input typecheckbox 睡觉 input typecheckbox 打豆豆 input typecheckbox/form
/body/html
运行结果可以多选 ⑤submit和reset和button
submint点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器
reset重置按钮可以还原表单元素初始的默认状态
普通按钮 button 后期结合js 搭配使用--
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetext nameusername value请输入用户名 maxlength6br!-- password 密码框 用户看不见输入的密码 --密码: input typepassword namepwd br!-- radio 单选按钮 可以实现多选一 --!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 --性别: 男 input typeradio namesex value男 女 input typeradio namesex value女 checkedchecked 人妖input typeradio namesex value人妖 br!-- checkbox 复选框 可以实现多选 --爱好: 吃饭 input typecheckbox namehobby value吃饭 睡觉 input typecheckbox namehobby 打豆豆 inputtypecheckbox namehobby checkedcheckedbr!-- 点击了提交按钮,可以把 表单域 form 里面的表单元素 里面的值 提交给后台服务器 --input typesubmit value免费注册!-- 重置按钮可以还原表单元素初始的默认状态 --input typereset value重新填写!-- 普通按钮 button 后期结合js 搭配使用--input typebutton value获取短信验证码 br/form
/body/html
运行结果 ⑥file
!DOCTYPE html
html langzh-CNheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- 文件域 使用场景 上传文件使用的 --上传头像: input typefile上传头像: input typefile value上传文件/form
/body/html ⑵.input 表单元素:其他属性
除 type 属性外,input标签还有其他很多属性,其常用属性如下: 1. name 和value 是每个表单元素都有的属性值,主要给后台人员使用. 2. name 表单元素的名字, 要求 单选按钮和复选框要有相同的name值. 3. checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素. 4. maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用. ①name
name是干什么用的
在 HTML 表单中name属性具有关键作用 后台数据识别与处理在表单提交数据时name属性为后台程序识别和处理表单数据提供标识。后台开发人员依据name属性值获取对应表单元素的值。比如在用户注册页面用户名输入框的name设为username密码输入框name设为password后台通过name获取用户输入的用户名和密码进行验证和存储等操作。 单选按钮和复选框分组对于单选按钮和复选框相同name值可实现功能分组。以性别选择的单选按钮为例input typeradio namesex value男男和input typeradio namesex value女女name都为sex这样用户选择时只能选中一个确保数据的唯一性和准确性。 复选框同理如兴趣爱好选择input typecheckbox namehobby value阅读阅读、input typecheckbox namehobby value运动运动相同name使它们成为一组用户可选择多个爱好方便后台获取用户多项选择。 区分页面中多个表单元素当页面存在多个表单元素时name属性用于区分。例如既有登录表单又有注册表单两个表单都有用户名输入框通过设置不同的name值如登录表单的用户名输入框namelogin_username注册表单的nameregister_username后台能准确区分和处理不同表单的数据。 !DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform性别: 男 input typeradio namesex 女 input typeradio namesex 人妖 input typeradio namesex br爱好: 吃饭 input typecheckbox namehobby 睡觉 input typecheckbox namehobby 打豆豆 input typecheckboxnamehobby/form
/body/html
运行结果 ②value
在text中可以显示文字
在radio和复选框checkbox中当用户提交表单时表单数据会被发送到服务器进行处理。value 属性的值会作为该单选按钮所代表选项的数据被一同提交
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetext nameusername value请输入用户名br!-- password 密码框 用户看不见输入的密码 --密码: input typepassword namepwd br性别: 男 input typeradio namesex value男 女 input typeradio namesex value女 人妖 inputtyperadio namesex value人妖 br!-- checkbox 复选框 可以实现多选 --爱好: 吃饭 input typecheckbox namehobby value吃饭 睡觉 input typecheckbox namehobby 打豆豆 inputtypecheckbox namehobby/form
/body/html
运行结果 ③ checked属性
主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetext nameusername value请输入用户名br!-- password 密码框 用户看不见输入的密码 --密码: input typepassword namepwd br!-- radio 单选按钮 可以实现多选一 --!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 --性别: 男 input typeradio namesex value男 女 input typeradio namesex value女 checkedchecked 人妖input typeradio namesex value人妖 br!-- checkbox 复选框 可以实现多选 --爱好: 吃饭 input typecheckbox namehobby value吃饭 睡觉 input typecheckbox namehobby 打豆豆 inputtypecheckbox namehobby checkedcheckedbr/form
/body/html
运行结果 ④ maxlength
是用户可以在表单元素输入的最大字符数, 一般较少使用.
当为表单元素设置了 maxlength 属性后用户在该元素中输入内容时输入的字符数量达到 maxlength 指定的值后就无法再继续输入更多字符。
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleinput 表单元素/title
/headbodyform!-- text 文本框 用户可以里面输入任何文字 --用户名: input typetext nameusername value请输入用户名 maxlength6br!-- password 密码框 用户看不见输入的密码 --密码: input typepassword namepwd br!-- radio 单选按钮 可以实现多选一 --!-- name 是表单元素名字 这里性别单选按钮必须有相同的名字name 才可以实现多选1 --!-- 单选按钮和复选框可以设置checked 属性, 当页面打开的时候就可以默认选中这个按钮 --性别: 男 input typeradio namesex value男 女 input typeradio namesex value女 checkedchecked 人妖input typeradio namesex value人妖 br!-- checkbox 复选框 可以实现多选 --爱好: 吃饭 input typecheckbox namehobby value吃饭 睡觉 input typecheckbox namehobby 打豆豆 inputtypecheckbox namehobby checkedcheckedbr/form
/body/html 当超过6个时不能再输入 ⑶. select 表单元素
使用场景: 在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用select标签控件定义下 拉列表
语法:
select
option选项1/option
option选项2/option
option选项3/option
…
/select 1. select 中至少包含一对option 2. 在option 中定义 selected “ selected 时,当前项即为默认选中项 !DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitleselect下拉表单/title
/head
bodyform籍贯: selectoption山东/optionoption北京/optionoption天津/optionoption selectedselected火星/option/select
/form
/body
/html ⑷.textarea 表单元素
使用场景: 当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用 textarea 标签
在表单元素中,textarea 标签是用于定义多行文本输入的控件
使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论
语法:
textarea rows3 cols20
文本内容
/textarea
1. 通过 textarea 标签可以轻松地创建多行文本输入框
2. cols“每行中的字符数” ,rows“显示的行数”,我们在实际开发中不会使用,都是用 CSS 来改变大小
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitletextarea 文本域/title
/headbodyform今日反馈:textarea cols50 rows5老师,我知道这个反馈留言是textarea来做的 /textarea/form
/body/html 三、表单标签之label标签
类比锚点链接
label 标签为 input 元素定义标注(标签)
label 标签用于绑定一个表单元素, 当点击label 标签内的文本时,浏览器就会自动将焦点(光标)转到或者 选择对应的表单元素上,用来增加用户体验.
语法:
label forsex男/label
input typeradio namesex idsex /
核心: label 标签的 for 属性应当与相关元素的 id 属性相同
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitlelabel标签/title
/headbodylabel fortext 用户名:/label input typetext idtextinput typeradio idnan namesex label fornan男/labelinput typeradio idnv namesex label fornv女/label
/body/html 四、综合案例-注册页面
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0meta http-equivX-UA-Compatible contentieedgetitle综合案例-注册页面/title
/headbodyh4青春不常在抓紧谈恋爱/h4table width600!-- 第一行 --trtd性别:/tdtdinput typeradio namesex idnan label fornan img srcimages/man.jpg 男 /labelinput typeradio namesex idnv label fornvimg srcimages/women.jpg 女/label/td/tr!-- 第二行 --trtd生日:/tdtdselectoption--请选择年份--/optionoption2001/optionoption2002/optionoption2003/option/selectselectoption--请选择月份--/optionoption1/optionoption2/optionoption3/option/selectselectoption--请选择日--/optionoption1/optionoption2/optionoption3/option/select/td/tr!-- 第三行 --trtd所在地区/tdtdinput typetext value北京思密达/td/tr!-- 第四行 --trtd婚姻状况:/tdtdinput typeradio namemarry checkedchecked未婚 input typeradio namemarry 已婚 inputtyperadio namemarry 离婚/td/tr!-- 第五行 --trtd学历:/tdtdinput typetext value博士后/td/tr!-- 第六行 --trtd喜欢的类型:/tdtdinput typecheckbox namelove 妩媚的input typecheckbox namelove 可爱的input typecheckbox namelove 小鲜肉input typecheckbox namelove 老腊肉input typecheckbox namelove checkedchecked 都喜欢/td/tr!-- 第七行 --trtd个人介绍/tdtdtextarea个人简介/textarea/td/tr!-- 第八行 --trtd/tdtdinput typesubmit value免费注册/td/trtrtd/tdtdinput typecheckbox checkedchecked 我同意注册条款和会员加入标准/td/trtrtd/tdtda href# 我是会员立即登录/a/td/trtrtd/tdtdh5我承诺/h5ulli年满18岁、单身/lili抱着严肃的态度/lili真诚寻找另一半/li/ul/td/tr/table
/body/html
运行结果 文章转载自： http://www.morning.qdlnw.cn.gov.cn.qdlnw.cn http://www.morning.cmdfh.cn.gov.cn.cmdfh.cn http://www.morning.ptlwt.cn.gov.cn.ptlwt.cn http://www.morning.qfbzj.cn.gov.cn.qfbzj.cn http://www.morning.wmfh.cn.gov.cn.wmfh.cn http://www.morning.bwqcx.cn.gov.cn.bwqcx.cn http://www.morning.jfwbr.cn.gov.cn.jfwbr.cn http://www.morning.xjnjb.cn.gov.cn.xjnjb.cn http://www.morning.fykqh.cn.gov.cn.fykqh.cn http://www.morning.lmrcq.cn.gov.cn.lmrcq.cn http://www.morning.tsmcc.cn.gov.cn.tsmcc.cn http://www.morning.fkflc.cn.gov.cn.fkflc.cn http://www.morning.dndjx.cn.gov.cn.dndjx.cn http://www.morning.brzlp.cn.gov.cn.brzlp.cn http://www.morning.sgfnx.cn.gov.cn.sgfnx.cn http://www.morning.mtcnl.cn.gov.cn.mtcnl.cn http://www.morning.tldfp.cn.gov.cn.tldfp.cn http://www.morning.tdttz.cn.gov.cn.tdttz.cn http://www.morning.fhqdb.cn.gov.cn.fhqdb.cn http://www.morning.skbhl.cn.gov.cn.skbhl.cn http://www.morning.xbyyd.cn.gov.cn.xbyyd.cn http://www.morning.mldrd.cn.gov.cn.mldrd.cn http://www.morning.wbxbj.cn.gov.cn.wbxbj.cn http://www.morning.gftnx.cn.gov.cn.gftnx.cn http://www.morning.rdgb.cn.gov.cn.rdgb.cn http://www.morning.jglqn.cn.gov.cn.jglqn.cn http://www.morning.qgwpx.cn.gov.cn.qgwpx.cn http://www.morning.fjgwg.cn.gov.cn.fjgwg.cn http://www.morning.brfxt.cn.gov.cn.brfxt.cn http://www.morning.grfhd.cn.gov.cn.grfhd.cn http://www.morning.ntkpc.cn.gov.cn.ntkpc.cn http://www.morning.rhpgk.cn.gov.cn.rhpgk.cn http://www.morning.bpyps.cn.gov.cn.bpyps.cn http://www.morning.xjkfb.cn.gov.cn.xjkfb.cn http://www.morning.qbjrl.cn.gov.cn.qbjrl.cn http://www.morning.pypbz.cn.gov.cn.pypbz.cn http://www.morning.kaoshou.net.gov.cn.kaoshou.net http://www.morning.rlbc.cn.gov.cn.rlbc.cn http://www.morning.nqnqz.cn.gov.cn.nqnqz.cn http://www.morning.wqbbc.cn.gov.cn.wqbbc.cn http://www.morning.nfdty.cn.gov.cn.nfdty.cn http://www.morning.rykx.cn.gov.cn.rykx.cn http://www.morning.skkmz.cn.gov.cn.skkmz.cn http://www.morning.gyfwy.cn.gov.cn.gyfwy.cn http://www.morning.txjrc.cn.gov.cn.txjrc.cn http://www.morning.wwthz.cn.gov.cn.wwthz.cn http://www.morning.bksbx.cn.gov.cn.bksbx.cn http://www.morning.cpnlq.cn.gov.cn.cpnlq.cn http://www.morning.zxqqx.cn.gov.cn.zxqqx.cn http://www.morning.zylzk.cn.gov.cn.zylzk.cn http://www.morning.nzfyx.cn.gov.cn.nzfyx.cn http://www.morning.ftsmg.com.gov.cn.ftsmg.com http://www.morning.wljzr.cn.gov.cn.wljzr.cn http://www.morning.trfrl.cn.gov.cn.trfrl.cn http://www.morning.rgxn.cn.gov.cn.rgxn.cn http://www.morning.fxkgp.cn.gov.cn.fxkgp.cn http://www.morning.fkwp.cn.gov.cn.fkwp.cn http://www.morning.hwcln.cn.gov.cn.hwcln.cn http://www.morning.simpliq.cn.gov.cn.simpliq.cn http://www.morning.tblbr.cn.gov.cn.tblbr.cn http://www.morning.sfcfy.cn.gov.cn.sfcfy.cn http://www.morning.gwwtm.cn.gov.cn.gwwtm.cn http://www.morning.ygztf.cn.gov.cn.ygztf.cn http://www.morning.mrgby.cn.gov.cn.mrgby.cn http://www.morning.wlqbr.cn.gov.cn.wlqbr.cn http://www.morning.gthgf.cn.gov.cn.gthgf.cn http://www.morning.lxjxl.cn.gov.cn.lxjxl.cn http://www.morning.ppqzb.cn.gov.cn.ppqzb.cn http://www.morning.zxdhp.cn.gov.cn.zxdhp.cn http://www.morning.lctrz.cn.gov.cn.lctrz.cn http://www.morning.smry.cn.gov.cn.smry.cn http://www.morning.cznsq.cn.gov.cn.cznsq.cn http://www.morning.nqdkx.cn.gov.cn.nqdkx.cn http://www.morning.lgmgn.cn.gov.cn.lgmgn.cn http://www.morning.gwkjg.cn.gov.cn.gwkjg.cn http://www.morning.tdcql.cn.gov.cn.tdcql.cn http://www.morning.tcylt.cn.gov.cn.tcylt.cn http://www.morning.jrhmh.cn.gov.cn.jrhmh.cn http://www.morning.kzrg.cn.gov.cn.kzrg.cn http://www.morning.hhnhb.cn.gov.cn.hhnhb.cn
